/* CTA buttons — style coerente con brand y-uno (verde #83BB26)
   Design ricostruito dall'originale HubSpot del sito live. */

.cta-btn {
  display: inline-flex;
  align-items: center;
  gap: 1rem;
  padding: 0;
  background: transparent;
  border: 0;
  color: #1D211F;
  text-decoration: none;
  font-family: inherit;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.3;
  cursor: pointer;
  transition: opacity .18s ease;
  vertical-align: middle;
}

.cta-btn:hover,
.cta-btn:focus-visible {
  opacity: .85;
  outline: none;
}

.cta-btn__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  min-width: 40px;
  border-radius: 999px;
  background: #83BB26;
  color: #1D211F;
  flex-shrink: 0;
  transition: transform .18s ease, background .18s ease;
}

.cta-btn__icon svg { display: block; }

.cta-btn:hover .cta-btn__icon,
.cta-btn:focus-visible .cta-btn__icon {
  transform: translateX(3px);
}

/* Variante per CTA su sfondo scuro / foto */
.cta-btn--on-dark { color: #ffffff; }

@media (max-width: 480px) {
  .cta-btn { font-size: 1rem; gap: .8rem; }
  .cta-btn__icon { width: 36px; height: 36px; min-width: 36px; }
}