.specular-button{--sb-radius: 9999px;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:1px solid transparent;margin:0;font-family:inherit;font-weight:600;letter-spacing:.01em;line-height:1;border-radius:var(--sb-radius);cursor:pointer;outline:none;white-space:nowrap;transition:transform .15s ease,background-color .2s ease,border-color .2s ease,color .2s ease}.specular-button--primary{background:hsl(var(--primary));color:hsl(var(--primary-foreground));box-shadow:0 8px 24px #07070859}.specular-button--primary:hover{background:hsl(var(--primary-hover))}.specular-button--gl.specular-button--outline{border-color:transparent}.specular-button--outline:hover{border-color:hsl(var(--primary))}.specular-button--gl.specular-button--outline:hover{border-color:transparent}.specular-button--outline{background:transparent;color:hsl(var(--foreground));border-color:hsl(var(--border));box-shadow:0 8px 24px #07070840}.specular-button--outline:hover{color:hsl(var(--primary))}.specular-button:active{transform:scale(.97)}.specular-button:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:3px}.specular-button:disabled{opacity:.55;cursor:default}.specular-button:disabled:active{transform:none}.specular-button--sm{font-size:.875rem;padding:10px 22px}.specular-button--md{font-size:1rem;padding:12px 28px}.specular-button--lg{font-size:1rem;padding:14px 32px}.specular-button__fx{position:absolute;inset:-20px;pointer-events:none;z-index:1;border-radius:inherit}.specular-button__fx canvas{display:block;width:100%;height:100%}.specular-button__label{position:relative;z-index:2;display:inline-flex;align-items:center;gap:.5rem}@media (prefers-reduced-motion: reduce){.specular-button{transition:none}}