.specular-button{--sb-radius:18px;--sb-tint:#0d0d14;--sb-tint-opacity:1;--sb-blur:0px;--sb-text-color:#f5f5f5;--sb-line-color:#fff;--sb-base-color:#1a1a2e;--sb-angle:135deg;--sb-bright:0;--sb-shine-size:10deg;--sb-shine-fade:40deg;--sb-thickness:1px;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:var(--sb-tint);border-radius:var(--sb-radius);overflow:hidden;cursor:pointer;outline:none;transition:transform .15s ease,box-shadow .3s ease;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.06),0 8px 24px rgba(0,0,0,.3)}.specular-button:hover{box-shadow:inset 0 1px 0 hsla(0,0%,100%,.08),0 8px 32px rgba(0,0,0,.4),0 0 0 1px hsla(0,0%,100%,.08)}.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__shine{position:absolute;inset:-2px;border-radius:inherit;pointer-events:none;z-index:1;background:conic-gradient(from var(--sb-angle) at 50% 50%,transparent 0deg,hsla(0,0%,100%,.12) calc(var(--sb-shine-size)),transparent calc(var(--sb-shine-size) + var(--sb-shine-fade)),transparent 1turn);mask-image:radial-gradient(ellipse 90% 70% at 50% 50%,#000 20%,transparent 65%);-webkit-mask-image:radial-gradient(ellipse 90% 70% at 50% 50%,#000 20%,transparent 65%);opacity:var(--sb-bright);transition:opacity .08s linear}.specular-button:before{padding:1px;background:conic-gradient(from var(--sb-angle) at 50% 50%,transparent 0deg,hsla(0,0%,100%,.35) 30deg,transparent 60deg,transparent 180deg,hsla(0,0%,100%,.2) 210deg,transparent 240deg,transparent 1turn);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;opacity:calc(.15 + var(--sb-bright) * .7)}.specular-button:after,.specular-button:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:1}.specular-button:after{box-shadow:inset 0 1px 1px hsla(0,0%,100%,.05)}.specular-button__label{position:relative;z-index:2}