/* Microinterações de botões: hover, foco e toque. */
.button,.plan>a,.mobile-whatsapp{position:relative;overflow:hidden;isolation:isolate;transition:transform .22s ease,box-shadow .22s ease,background-color .22s ease,color .22s ease}
.button::before,.plan>a::before,.mobile-whatsapp::before{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(105deg,transparent 28%,rgba(255,255,255,.42) 48%,transparent 68%);transform:translateX(-130%);transition:transform .55s ease}
.button:hover,.button:focus-visible{transform:translateY(-3px);box-shadow:0 10px 24px rgba(245,202,40,.28)}
.plan>a:hover,.plan>a:focus-visible{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.22)}
.mobile-whatsapp:hover,.mobile-whatsapp:focus-visible{transform:translateY(-3px);box-shadow:0 12px 28px rgba(37,211,102,.34)}
.button:hover::before,.button:focus-visible::before,.plan>a:hover::before,.plan>a:focus-visible::before,.mobile-whatsapp:hover::before,.mobile-whatsapp:focus-visible::before{transform:translateX(130%)}
.button span,.plan>a span{display:inline-block;transition:transform .22s ease}.button:hover span,.button:focus-visible span,.plan>a:hover span,.plan>a:focus-visible span{transform:translateX(5px)}
.button:active,.plan>a:active,.mobile-whatsapp:active{transform:translateY(1px) scale(.985);box-shadow:none}.button:focus-visible,.plan>a:focus-visible,.mobile-whatsapp:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media (prefers-reduced-motion:reduce){.button,.plan>a,.mobile-whatsapp,.button span,.plan>a span,.button::before,.plan>a::before,.mobile-whatsapp::before{transition:none!important}.button:hover,.button:focus-visible,.plan>a:hover,.plan>a:focus-visible,.mobile-whatsapp:hover,.mobile-whatsapp:focus-visible{transform:none}}