.specular-button{isolation:isolate;--specular-rim-near:#9aa0aa;--specular-rim-far:#4a4a52;--specular-gleam:#fff;position:relative}.dark .specular-button--primary{--specular-rim-near:#fff;--specular-rim-far:#b8bbc2;--specular-gleam:#fff}.specular-button--outline{--specular-rim-near:#6d7683;--specular-rim-far:#dfe4ea;--specular-gleam:#39424f;--specular-hover-fill:transparent}.dark .specular-button--outline{--specular-rim-near:#d9dce2;--specular-rim-far:#3b3e45;--specular-gleam:#fff;--specular-hover-fill:transparent}.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:.5rem;display:inline-flex;position:relative}