.specular-button{--sb-radius:9999px;letter-spacing:-.01em;color:#0f172a;border-radius:var(--sb-radius);-webkit-backdrop-filter:blur(12px);cursor:pointer;background:#fff;border:1px solid #e2e8f0e6;outline:none;justify-content:center;align-items:center;margin:0;font-family:inherit;font-weight:600;line-height:1;transition:transform .15s,background .2s,border-color .2s,box-shadow .2s;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffffe6,0 2px 8px #0000000a}.specular-button:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1;box-shadow:inset 0 1px #fff,0 6px 18px #00000014}.dark .specular-button{border:1px solid var(--card-border);color:var(--fg);background:#ffffff0a;box-shadow:inset 0 1px #ffffff0f,0 8px 24px #00000059}.dark .specular-button:hover{background:color-mix(in srgb, var(--fg) 10%, transparent);border-color:var(--primary);color:var(--primary);box-shadow:inset 0 1px #ffffff14,0 8px 24px #00000073}.specular-button:active{transform:scale(.97)}.specular-button:focus-visible{outline-offset:3px;outline:2px solid #0f172a}.dark .specular-button:focus-visible{outline:2px solid var(--primary)}.specular-button:disabled{opacity:.55;cursor:default}.specular-button:disabled:active{transform:none}.specular-button--sm{padding:12px 28px;font-size:.875rem}.specular-button--md{padding:14px 30px;font-size:1rem}.specular-button--lg{padding:18px 40px;font-size:1.15rem}.specular-button__fx{pointer-events:none;z-index:1;position:absolute;inset:-20px}.specular-button__fx canvas{width:100%;height:100%;display:block}.specular-button__label{z-index:2;justify-content:center;align-items:center;gap:.5rem;display:inline-flex;position:relative}