/**
 * CTA
 */

.cta {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px 24px;
  border-radius: 58px;
  border: 1px solid var(--color-neutral--dark);
  font-size: var(--text-size-s);
  font-weight: 600;
  text-decoration: none;
  transition: filter 0.3s ease, transform 0.2s ease;
}

.cta::after {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  background-image: url('../../images/homepage/arrow-cta.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-bottom: 1px;

  transition: all 0.3s ease;
}

.cta:hover,
.cta:focus-visible {
  filter: brightness(0.9);
  text-decoration: none;
}

.cta:hover::after,
.cta:focus-visible::after {
  width: 20px;
  height: 20px;
}