@property --glow-hot{syntax:"<percentage>";inherits:true;initial-value:25%}.glow-btn{isolation:isolate;--glow-hot:25%;will-change:transform;border-radius:999px;transition:transform .4s cubic-bezier(.22,1,.36,1);animation:5.2s cubic-bezier(.45,0,.55,1) infinite alternate glow-btn-travel;display:inline-flex;position:relative;overflow:visible}@keyframes glow-btn-travel{to{--glow-hot:80%}}.glow-btn:before{content:"";z-index:-1;border-radius:inherit;background:radial-gradient(58% 135% at var(--glow-hot) 55%, #ff9650b8 0%, #e8603a80 38%, #e8603a29 62%, #e8603a00 82%);filter:blur(17px);opacity:.85;pointer-events:none;will-change:opacity;transition:opacity .4s,filter .4s;position:absolute;inset:-13px}.glow-btn__surface{z-index:0;background:linear-gradient(100deg,#dce1e7 0%,#eef0f1 26%,#f8f7f4 52%,#fbf4e6 82%,#fcefdb 100%);border:1px solid #ffffff8c;border-radius:999px;align-items:center;gap:.625rem;padding:1.0625rem 2.125rem;transition:filter .4s,box-shadow .4s;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffeb,inset 0 -1px 2px #7864500f,0 12px 30px #080c164d,0 2px 6px #080c162e}.glow-btn__spotlight{z-index:1;top:50%;left:var(--glow-hot);filter:blur(15px);pointer-events:none;background:radial-gradient(circle closest-side,#fffffff2 0%,#fff9e2b8 38%,#ffcd9657 62%,#ffaa6e00 100%);border-radius:50%;width:62%;height:340%;position:absolute;transform:translate(-50%,-50%)}.glow-btn__label{z-index:2;color:#0b1220;letter-spacing:.01em;white-space:nowrap;align-items:center;gap:.625rem;font-size:.9375rem;font-weight:600;display:inline-flex;position:relative}.glow-btn__arrow{will-change:transform;transition:transform .4s cubic-bezier(.22,1,.36,1)}.glow-btn:hover,.glow-btn:focus-visible{transform:scale(1.015)}.glow-btn:hover:before,.glow-btn:focus-visible:before{opacity:1;filter:blur(21px)}.glow-btn:hover .glow-btn__surface,.glow-btn:focus-visible .glow-btn__surface{filter:brightness(1.035)}.glow-btn:hover .glow-btn__arrow,.glow-btn:focus-visible .glow-btn__arrow{transform:translate(5px)}.glow-btn:focus-visible{outline-offset:4px;outline:2px solid #ffaa6ee6}.glow-btn:active{transform:scale(.995)}@supports not at-rule(@property){.glow-btn{--glow-hot:52%;animation:none}}@media (prefers-reduced-motion:reduce){.glow-btn{--glow-hot:52%;animation:none!important}}@media (max-width:640px){.glow-btn__surface{padding:.9375rem 1.75rem}.glow-btn:before{filter:blur(13px);inset:-10px}.glow-btn:hover:before,.glow-btn:focus-visible:before{filter:blur(16px)}}
