.btn-flip-inner{place-items:center;display:inline-grid;position:relative;overflow:hidden}.btn-flip-face{will-change:transform;grid-area:1/1;justify-content:center;align-items:center;gap:.375rem;transition:transform .55s cubic-bezier(.34,1.56,.64,1);display:inline-flex}.btn-flip-face-front{transform:translateY(0%)}.btn-flip-face-back{transform:translateY(115%)}.btn-flip:hover .btn-flip-face-front,.btn-flip:focus-visible .btn-flip-face-front,.btn-flip[data-flip=true] .btn-flip-face-front{transform:translateY(-115%)}.btn-flip:hover .btn-flip-face-back,.btn-flip:focus-visible .btn-flip-face-back,.btn-flip[data-flip=true] .btn-flip-face-back{transform:translateY(0%)}.cta-flip{background-color:var(--cta);box-shadow:var(--cta-shadow);transition:background-color .45s cubic-bezier(.34,1.56,.64,1),box-shadow .45s cubic-bezier(.34,1.56,.64,1)}.cta-flip .btn-flip-face{color:var(--cta-foreground)}.cta-flip:hover,.cta-flip:focus-visible{background-color:var(--cta-hover)!important;box-shadow:var(--cta-shadow-hover)!important}.cta-soft-flip{border-style:solid;border-width:1px;border-color:color-mix(in oklab, var(--void) 12%, transparent);box-shadow:none;background-color:#fff}.cta-soft-flip .btn-flip-face-front{color:var(--void)}.cta-soft-flip .btn-flip-face-back{color:var(--red)}.cta-red-flip{background-color:var(--red);transition:background-color .45s cubic-bezier(.34,1.56,.64,1),box-shadow .45s cubic-bezier(.34,1.56,.64,1);box-shadow:0 10px 28px -12px #e51e318c}.cta-red-flip .btn-flip-face-front{color:#fff}.cta-red-flip .btn-flip-face-back{color:var(--void)}.cta-red-flip:hover,.cta-red-flip:focus-visible{background-color:#fff!important;box-shadow:0 10px 28px -14px #ffffff59!important}@media (prefers-reduced-motion:reduce){.cta-flip,.cta-red-flip{transition:background-color .2s,box-shadow .2s}.btn-flip-face{will-change:auto;transition:opacity .2s}.btn-flip-face-back,.btn-flip:hover .btn-flip-face-front,.btn-flip:focus-visible .btn-flip-face-front,.btn-flip[data-flip=true] .btn-flip-face-front{opacity:0;transform:none}.btn-flip:hover .btn-flip-face-back,.btn-flip:focus-visible .btn-flip-face-back,.btn-flip[data-flip=true] .btn-flip-face-back{opacity:1;transform:none}}