.btn-fx{--btn-glow:#7fbc1880;--btn-glow-soft:#7fbc1840;--btn-glow-ring:#8fcc284d;--btn-mx:0px;--btn-my:0px;--btn-imx:0px;--btn-imy:0px;--btn-lift:0px;--btn-scale:1;--btn-fx-ease:cubic-bezier(.22, 1, .36, 1);isolation:isolate;transform:translate(var(--btn-mx), calc(var(--btn-my) + var(--btn-lift))) scale(var(--btn-scale));transition:transform .36s var(--btn-fx-ease), box-shadow .36s var(--btn-fx-ease), border-color .22s var(--btn-fx-ease), background-color .22s var(--btn-fx-ease), color .22s var(--btn-fx-ease);position:relative;overflow:hidden}@media (hover:hover) and (pointer:fine){.btn-fx:hover{will-change:transform}}.btn-fx:active,.btn-fx.btn--magnetized{will-change:transform}.btn-fx:before{content:"";pointer-events:none;z-index:1;mix-blend-mode:overlay;background:linear-gradient(90deg,#0000 0%,#ffffff59 50%,#0000 100%);width:50%;height:200%;position:absolute;top:-50%;left:-75%;transform:translate(-200%)rotate(20deg)}.btn-fx--secondary:before,.btn-fx--secondary-light:before,.btn-fx--ghost:before,.btn-fx--ghost-light:before{mix-blend-mode:screen}.btn-fx--no-sheen:before{display:none}.btn-fx--strong:before{background:linear-gradient(90deg,#0000 0%,#ffffff80 50%,#0000 100%)}.btn-fx:after{content:"";z-index:-1;background:radial-gradient(ellipse at center, var(--btn-glow), transparent 60%);opacity:0;filter:blur(20px);pointer-events:none;transition:opacity .4s;position:absolute;inset:-20px}.btn-fx--no-glow:after{display:none}.btn-fx>.btn-content{z-index:2;transform:translate(var(--btn-imx), var(--btn-imy));transition:transform .36s var(--btn-fx-ease);justify-content:center;align-items:center;gap:.5rem;width:100%;display:inline-flex;position:relative}.btn-ripple{pointer-events:none;opacity:.6;mix-blend-mode:screen;z-index:1;background:radial-gradient(circle,#ffffff80 0%,#8fcc2866 40%,#0000 70%);border-radius:50%;animation:.65s cubic-bezier(.22,1,.36,1) forwards btnFxRipple;position:absolute;transform:scale(0)}.btn-fx--secondary .btn-ripple,.btn-fx--secondary-light .btn-ripple,.btn-fx--ghost .btn-ripple,.btn-fx--ghost-light .btn-ripple{background:radial-gradient(circle,#8fcc2899 0%,#7fbc184d 40%,#0000 70%)}@keyframes btnFxSheen{0%,8%{transform:translate(-200%)rotate(20deg)}35%{transform:translate(400%)rotate(20deg)}to{transform:translate(400%)rotate(20deg)}}@keyframes btnFxRipple{to{opacity:0;transform:scale(1)}}@media (prefers-reduced-motion:no-preference){.btn-fx:before{animation:6s ease-in-out infinite btnFxSheen;animation-delay:var(--btn-sheen-delay,0s)}.btn-fx--strong:before{animation-duration:4s}}@media (hover:hover) and (pointer:fine){.btn-fx:hover{--btn-lift:-2px}.btn-fx:hover:after{opacity:1}.btn-fx--secondary:hover:after,.btn-fx--secondary-light:hover:after,.btn-fx--ghost:hover:after,.btn-fx--ghost-light:hover:after{opacity:.5}.btn-fx--primary:hover{box-shadow:0 12px 40px var(--btn-glow), 0 0 0 1px var(--btn-glow-ring), inset 0 1px 0 #fff3}.btn-fx--secondary:hover,.btn-fx--ghost:hover{box-shadow:0 8px 30px var(--btn-glow-soft), 0 0 0 1px var(--btn-glow-ring)}.btn-fx--secondary:hover{border-color:#8fcc28}.btn-fx--secondary-light:hover,.btn-fx--ghost-light:hover{box-shadow:0 8px 26px #7fbc182e}}.btn-fx:active{--btn-lift:0px;--btn-scale:.98;transition:transform 80ms ease-out}.btn-fx:active:before{animation-duration:1.5s}.btn-fx:focus-visible{outline-offset:3px;outline:2px solid #8fcc28}.btn-fx.btn--magnetized,.btn-fx.btn--magnetized>.btn-content{transition:none}@media (prefers-reduced-motion:reduce){.btn-fx{transition:background-color .15s,color .15s,border-color .15s;transform:none}.btn-fx:before,.btn-fx:after{display:none}.btn-fx:hover{transform:none;box-shadow:0 0 0 1px #8fcc2866}.btn-fx>.btn-content{transition:none;transform:none}}.btn-fx:disabled,.btn-fx[aria-disabled=true]{pointer-events:none}.btn-fx:disabled:before,.btn-fx[aria-disabled=true]:before,.btn-fx:disabled:after,.btn-fx[aria-disabled=true]:after{display:none}