/* Paleta Noah: o que se clica é limão, e nenhuma outra peça da página usa essa cor. */
.button,.ofr-section .ofr-btn{background:#d9ff63;color:#090a0e;box-shadow:0 14px 38px -14px #d9ff6399,inset 0 1px 0 #ffffff80}
.button:hover,.ofr-section .ofr-btn:hover{background:#e4ff8c;box-shadow:0 18px 46px -14px #d9ff63bb,inset 0 1px 0 #ffffff80}
.ofr-section .ofr-btn::after{background:linear-gradient(100deg,transparent,#ffffff8c 50%,transparent)}

/* Botão de compra da LP: texto maior, seta num disco escuro, relevo e um brilho que passa. */
a.button.buy-link{position:relative;isolation:isolate;overflow:hidden;justify-content:space-between;gap:22px;min-height:62px;padding:14px 14px 14px 26px;border-radius:14px;font:700 16px/1.25 Manrope,Arial,sans-serif;letter-spacing:-.01em;white-space:nowrap;box-shadow:0 0 0 1px #d9ff6347,0 18px 46px -16px #d9ff63c4,inset 0 1px 0 #ffffffb3,inset 0 -3px 0 #0000002b;transition:transform .2s,box-shadow .2s,background-color .2s}
a.button.buy-link span{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#090a0e;color:#d9ff63;font-size:17px;line-height:1;transition:transform .25s cubic-bezier(.2,.75,.2,1)}
a.button.buy-link::after{content:'';position:absolute;top:0;bottom:0;left:0;width:45%;z-index:-1;background:linear-gradient(100deg,transparent,#ffffff99 50%,transparent);transform:translateX(-120%) skewX(-18deg);animation:ctaBrilho 4.2s ease-in-out infinite}
@keyframes ctaBrilho{0%{transform:translateX(-120%) skewX(-18deg)}50%,100%{transform:translateX(340%) skewX(-18deg)}}
a.button.buy-link:hover{transform:translateY(-2px);box-shadow:0 0 0 1px #d9ff6370,0 24px 56px -16px #d9ff63e0,inset 0 1px 0 #ffffffb3,inset 0 -3px 0 #0000002b}
a.button.buy-link:hover span{transform:translate(2px,-2px)}
a.button.buy-link:active{transform:translateY(0) scale(.985)}
a.button.buy-link:focus-visible{outline:3px solid #fff;outline-offset:3px}
a.button.buy-link.ofr-btn{justify-content:center;gap:16px;min-height:70px;font-size:18px;border-radius:16px}
@media(max-width:760px){
 a.button.buy-link{gap:14px;min-height:60px;padding-left:22px}
 a.button.buy-link.ofr-btn{font-size:17px;min-height:64px}
}
@media(hover:none){a.button.buy-link:hover{transform:none}a.button.buy-link:hover span{transform:none}}
@media(prefers-reduced-motion:reduce){a.button.buy-link,a.button.buy-link span{transition:none}a.button.buy-link::after{animation:none;opacity:0}}
