.specular-button{--sb-radius:8px;--sb-tint:#fff;--sb-tint-opacity:.05;white-space:nowrap;color:#1e293b;background:linear-gradient(color-mix(in srgb, var(--sb-tint) calc(var(--sb-tint-opacity) * 100%), transparent), color-mix(in srgb, var(--sb-tint) calc(var(--sb-tint-opacity) * 100%), transparent)), var(--secondary,#e2e8f0);border-radius:var(--sb-radius);cursor:pointer;border:none;outline:none;flex-shrink:0;justify-content:center;align-items:center;gap:.375rem;height:2rem;margin:0;padding:0 .625rem;font-family:inherit;font-size:.875rem;font-weight:500;line-height:1;transition:background-color .2s,transform .15s;display:inline-flex;position:relative;box-shadow:0 1px 2px #0000000d}.specular-button--lg{height:2.75rem;padding:0 1.15rem;font-size:.9375rem;font-weight:600}.specular-button:hover:not(:disabled){background:linear-gradient(color-mix(in srgb, var(--sb-tint) calc(var(--sb-tint-opacity) * 100%), transparent), color-mix(in srgb, var(--sb-tint) calc(var(--sb-tint-opacity) * 100%), transparent)), color-mix(in srgb, var(--secondary,#e2e8f0), var(--foreground,#0f172a) 5%)}.specular-button:active:not(:disabled){transform:translateY(1px)}.specular-button:disabled{opacity:.55;cursor:default}.specular-button:disabled:active{transform:none}.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;align-items:center;gap:.375rem;display:inline-flex;position:relative}