.specular-button{--sb-radius:18px;--sb-tint:#ffffff;--sb-tint-opacity:0;--sb-blur:0px;--sb-text-color:#f5f5f5;--sb-line:#ffffff;--sb-base:#525252;--sb-thickness:1.5px;--sb-angle:130deg;--sb-bright:0;position:relative;display:inline-flex;align-items:center;justify-content:center;border:none;margin:0;font-family:inherit;font-weight:500;letter-spacing:.01em;line-height:1;color:var(--sb-text-color);background:color-mix(in srgb,var(--sb-tint) calc(var(--sb-tint-opacity) * 100%),transparent);border-radius:var(--sb-radius);backdrop-filter:blur(var(--sb-blur));-webkit-backdrop-filter:blur(var(--sb-blur));box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 8px 24px rgba(0,0,0,.25);cursor:pointer;outline:none;transition:transform .15s ease}.specular-button:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:var(--sb-base);opacity:.45;pointer-events:none;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.specular-button:active{transform:scale(.97)}.specular-button:focus-visible{outline:2px solid color-mix(in srgb,var(--sb-text-color) 60%,transparent);outline-offset:3px}.specular-button:disabled{opacity:.55;cursor:default}.specular-button:disabled:active{transform:none}.specular-button--sm{font-size:.85rem;padding:10px 22px}.specular-button--md{font-size:1rem;padding:14px 30px}.specular-button--lg{font-size:1.15rem;padding:18px 40px}.specular-button__fx{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none;z-index:1;padding:var(--sb-thickness);opacity:var(--sb-bright);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.specular-button__spin{position:absolute;top:50%;left:50%;width:240%;aspect-ratio:1;transform:translate(-50%,-50%) rotate(var(--sb-angle));background:conic-gradient(from 0deg,transparent 0deg,var(--sb-line) 14deg,transparent 40deg,transparent 180deg,var(--sb-line) 194deg,transparent 220deg)}@media (hover:none),(pointer:coarse){.specular-button__fx{display:none}}@media (prefers-reduced-motion:reduce){.specular-button{transition:none}.specular-button__fx{opacity:.35}.specular-button__spin{transform:translate(-50%,-50%) rotate(130deg)}}.specular-button__label{position:relative;z-index:2}