.specular-button{--sb-radius:18px;--sb-tint:#fff;--sb-tint-opacity:0;--sb-blur:0px;--sb-text-color:#f5f5f5;--sb-pointer-x:50%;--sb-pointer-y:50%;--sb-line-color:#fff;--sb-base-color:#525252;--sb-intensity:1;--sb-shine-size:40px;--sb-shine-fade:80px;--sb-thickness:1px;--sb-shine-opacity:.34;border-radius:var(--sb-radius);color:var(--sb-text-color);background:color-mix(in srgb, var(--sb-tint) calc(var(--sb-tint-opacity) * 100%), transparent);-webkit-backdrop-filter:blur(var(--sb-blur));backdrop-filter:blur(var(--sb-blur));letter-spacing:.01em;cursor:pointer;border:0;outline:none;justify-content:center;align-items:center;margin:0;font-family:inherit;font-weight:500;line-height:1;transition:transform .15s,background .18s;display:inline-flex;position:relative;overflow:visible;box-shadow:inset 0 1px #ffffff0f,0 8px 24px #00000040}.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{padding:10px 22px;font-size:.85rem}.specular-button--md{padding:14px 30px;font-size:1rem}.specular-button--lg{padding:18px 40px;font-size:1.15rem}.specular-button__fx{z-index:1;border-radius:inherit;pointer-events:none;opacity:var(--sb-shine-opacity);transition:opacity .48s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;overflow:hidden}.specular-button__fx:before,.specular-button__fx:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0}.specular-button__fx:before{padding:var(--sb-thickness);background:radial-gradient(circle var(--sb-shine-fade) at var(--sb-pointer-x) var(--sb-pointer-y), color-mix(in srgb, var(--sb-line-color) 78%, transparent) 0, color-mix(in srgb, var(--sb-line-color) 30%, transparent) var(--sb-shine-size), color-mix(in srgb, var(--sb-base-color) 34%, transparent) var(--sb-shine-fade), #ffffff14 100%);-webkit-mask-composite:xor;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.specular-button__fx:after{background:radial-gradient(circle var(--sb-shine-fade) at var(--sb-pointer-x) var(--sb-pointer-y), color-mix(in srgb, var(--sb-line-color) 7%, transparent), transparent 72%)}.specular-button__label{z-index:2;display:contents;position:relative}@media (prefers-reduced-motion:reduce){.specular-button{transition:none}.specular-button__fx{display:none}}