.specular-button{--sb-radius:18px;--sb-tint:#fff;--sb-tint-opacity:0;--sb-blur:0px;--sb-text-color:#f5f5f5;letter-spacing:.01em;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);-webkit-backdrop-filter:blur(var(--sb-blur));cursor:pointer;border:none;outline:none;justify-content:center;align-items:center;margin:0;font-family:inherit;font-weight:500;line-height:1;transition:transform .18s,box-shadow .18s;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffff1f,0 6px 20px -6px #ea580c47}.specular-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:inset 0 1px #ffffff29,0 10px 28px -8px #ea580c61}.specular-button:active:not(:disabled){transform:scale(.98)translateY(0)}.specular-button:focus-visible{outline:2px solid color-mix(in srgb,var(--sb-text-color)45%,#ea580c);outline-offset:3px}.specular-button:disabled{opacity:.55;cursor:default}.specular-button:disabled:active{transform:none}.specular-button--sm{padding:10px 22px;font-size:.875rem}.specular-button--md{padding:12px 28px;font-size:.9375rem}.specular-button--lg{padding:16px 36px;font-size:1rem}.specular-button--quby-outline{box-shadow:inset 0 1px #ffffffe6,0 4px 16px -6px #11182714}.specular-button--quby-outline:hover:not(:disabled){box-shadow:inset 0 1px #fff,0 8px 24px -8px #ea580c38}.specular-button--quby-compact{padding:10px 20px;font-size:.875rem}.specular-button--quby-block{border-radius:.75rem;width:100%;padding:14px 24px;font-size:.875rem}.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}