.specular-button{--sb-radius:4px;--sb-tint:#121212;--sb-tint-opacity:1;--sb-blur:0px;--sb-text-color:#fbf9f5;position:relative;display:inline-flex;align-items:center;justify-content:center;border:1px solid hsla(0,0%,100%,.12);margin:0;font-family:inherit;font-weight:500;letter-spacing:.08em;text-transform:uppercase;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:none;cursor:pointer;outline:none;transition:transform .15s ease,background .2s ease,border-color .2s ease;user-select:none;text-decoration:none}.specular-button:hover{border-color:hsla(0,0%,100%,.25)}.specular-button:active{transform:scale(.98)}.specular-button:focus-visible{outline:2px solid var(--sb-text-color);outline-offset:3px}.specular-button:disabled{opacity:.45;cursor:not-allowed}.specular-button:disabled:active{transform:none}.specular-button--sm{font-size:.75rem;padding:10px 20px}.specular-button--md{font-size:.85rem;padding:13px 28px}.specular-button--lg{font-size:.95rem;padding:16px 36px}.specular-button__fx{position:absolute;inset:-20px;pointer-events:none;z-index:1}.specular-button__fx canvas{display:block;width:100%;height:100%}.specular-button__label{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}