.cta {
  display: flex;
  padding: 12px 12px 12px 24px;
  justify-content: center;
  align-items: center;
  gap: 10px;

  border-radius: var(--radius-m);
  background-color: var(--color-secondary--4);

  width: fit-content;
}

a.cta {
  color: var(--color-neutral);
}

.cta::after {
  display: block;
  content: '';
  width: 40px;
  height: 40px;
  padding: 4px 5px;
  background-color: var(--color-white);
  border-radius: var(--radius-m);

  background-image: url(../../images/icons/arrow-right.svg);
  background-position: center;
  background-repeat: no-repeat;
}


.cta:hover {
  background-color: var(--color-white);
  border-radius: var(--radius-m);
  border: 1px solid #DBE1E6;
}

.cta:hover::after {
  background-color: var(--color-secondary--4);
}

.cta__text {
  font-family: "Outfit";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 25.2px */
}

.cta--white {
  background-color: var(--color-white);
  border-radius: var(--radius-m);
  border: 1px solid #DBE1E6;
  padding: 6px 6px 6px 12px;
}

.cta--white::after {
  background-color: var(--color-secondary--4);
}

.cta--white:hover {
  background-color: var(--color-secondary--4);
  border: none;
}

.cta--white:hover::after {
  background-color: var(--color-white);
  border-radius: var(--radius-m);
}