.specular-button{--sb-radius:12px;--sb-line-color:#fff;--sb-base-color:#525252;--sb-intensity:.55;isolation:isolate;border-radius:var(--sb-radius);color:var(--sb-text-color,inherit);font:inherit;-webkit-tap-highlight-color:transparent;position:relative;overflow:hidden}.specular-button:after{content:"";z-index:0;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(140px circle at var(--sb-x,50%) var(--sb-y,0%), color-mix(in srgb, var(--sb-line-color) calc(var(--sb-intensity) * 60%), transparent), transparent 72%), linear-gradient(135deg, transparent 43%, color-mix(in srgb, var(--sb-line-color) 34%, transparent) 50%, transparent 57%);transition:opacity .22s;position:absolute;inset:0}.specular-button--lit:after,.specular-button:hover:after{opacity:.8}.specular-button:focus-visible:after{opacity:.8}.specular-button:disabled:after{display:none}.specular-button:focus-visible{outline-offset:3px}