/* Tema global dos botoes de conversao.
   Carregado depois de fix.css para manter fix.less intocado. */
.cta-button,
.hero .cta-button,
.como-funciona .wrapper .cta-button,
.como-funciona .como-funciona__bottom-line .cta-button,
.g55-is--ai .g55-is__button,
.programacao__button,
.vantagens .vantagens__button,
body .vantagens .vantagens__button,
body .chmada .chmada__button,
.payment .payment__cta--primary,
.payment .payment__cta--outline,
body .payment .payment__cta--primary,
body .payment .payment__cta--outline,
.cta-final__button,
.cta-modal__submit,
body .cta-modal .cta-modal__submit {
  color: #F8FFFB;
  border-color: rgba(167, 195, 119, 0.94);
  background: linear-gradient(166deg, #59B64E 0%, #4FA548 13%, #347E2D 33%, #55A34B 49%, #338D45 63%, #418956 76%, #75BC7A 90%, #9BD294 100%);
  background-size: 140% 140%;
  background-position: 0 50%;
  box-shadow: 0 0 0 1px rgba(164, 193, 111, 0.18), 0 18px 44px rgba(91, 136, 42, 0.3), 0 0 50px rgba(112, 154, 54, 0.16), inset 0 1px 0 rgba(239, 255, 216, 0.46);
  text-shadow: 0 1px 2px rgba(16, 61, 18, 0.32);
  transition: transform 0.25s ease, background-position 0.48s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}
.cta-button:hover,
.hero .cta-button:hover,
.como-funciona .wrapper .cta-button:hover,
.como-funciona .como-funciona__bottom-line .cta-button:hover,
.g55-is--ai .g55-is__button:hover,
.programacao__button:hover,
.vantagens .vantagens__button:hover,
body .vantagens .vantagens__button:hover,
body .chmada .chmada__button:hover,
.payment .payment__cta--primary:hover,
.payment .payment__cta--outline:hover,
body .payment .payment__cta--primary:hover,
body .payment .payment__cta--outline:hover,
.cta-final__button:hover,
.cta-modal__submit:hover,
body .cta-modal .cta-modal__submit:hover {
  border-color: #CAE4A0;
  background-position: 100% 50%;
  box-shadow: 0 0 0 2px rgba(183, 211, 132, 0.24), 0 22px 54px rgba(91, 145, 48, 0.4), 0 0 58px rgba(126, 172, 62, 0.22), inset 0 1px 0 rgba(247, 255, 230, 0.62);
}
.cta-button span,
.bottom-line .cta-button span,
body .vantagens .vantagens__button span,
body .chmada .chmada__button span,
body .payment .payment__cta--primary span,
body .payment .payment__cta--outline span,
.cta-final__button span {
  color: #F8FFFB;
  background: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-text-fill-color: currentColor;
}
.como-funciona .como-funciona__bottom-line .cta-button::before,
.payment .payment__cta--primary::before,
.payment .payment__cta--outline::before {
  background: radial-gradient(circle, rgba(190, 224, 130, 0.72), rgba(91, 170, 61, 0.25) 42%, rgba(64, 145, 56, 0) 70%);
}
.como-funciona .como-funciona__bottom-line .cta-button__light {
  background: radial-gradient(ellipse at center, rgba(207, 235, 154, 0.88) 0%, rgba(108, 190, 77, 0.48) 38%, rgba(55, 142, 54, 0.18) 60%, rgba(55, 142, 54, 0) 78%);
}
.cta-final__button:focus-visible,
.cta-modal__submit:focus-visible {
  outline-color: #B9D989;
}