.button{all:unset;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;border-radius:999vw;background-color:rgba(0,0,0,.75);box-shadow:-.15em -.15em .15em -.075em rgba(5,5,5,.25),.0375em .0375em .0675em 0 rgba(5,5,5,.1)}.button:after{content:"";position:absolute;z-index:0;width:calc(100% + .3em);height:calc(100% + .3em);top:-.15em;left:-.15em;border-radius:inherit;background:linear-gradient(-135deg,rgba(5,5,5,.5),transparent 20%,transparent);filter:blur(.0125em);opacity:.25;mix-blend-mode:multiply}.button .button-outer{position:relative;z-index:1;border-radius:inherit;transition:box-shadow .3s ease;will-change:box-shadow;box-shadow:0 .05em .05em -.01em rgba(5,5,5,1),0 .01em .01em -.01em rgba(5,5,5,.5),.15em .3em .1em -.01em rgba(5,5,5,.25)}.button:hover .button-outer{box-shadow:0 0 0 0 rgba(5,5,5,1),0 0 0 0 rgba(5,5,5,.5),0 0 0 0 rgba(5,5,5,.25)}.button-inner{--inset:0.035em;position:relative;z-index:1;border-radius:inherit;padding:.5em 1.5em;background-image:linear-gradient(135deg,rgba(230,230,230,1),rgba(180,180,180,1));transition:box-shadow .3s ease,clip-path .25s ease,background-image .25s ease,transform .25s ease;will-change:box-shadow,clip-path,background-image,transform;overflow:clip;clip-path:inset(0 0 0 0 round 999vw);box-shadow:inset 0 0 0 0 rgba(5,5,5,.1),inset -.05em -.05em .05em 0 rgba(5,5,5,.25),inset 0 0 0 0 rgba(5,5,5,.1),inset 0 0 .05em .2em rgba(255,255,255,.25),inset .025em .05em .1em 0 rgba(255,255,255,1),inset .12em .12em .12em rgba(255,255,255,.25),inset -.075em -.25em .25em .1em rgba(5,5,5,.25)}.button:hover .button-inner{clip-path:inset(clamp(1px,.0625em,2px) clamp(1px,.0625em,2px) clamp(1px,.0625em,2px) clamp(1px,.0625em,2px) round 999vw);box-shadow:inset .1em .15em .05em 0 rgba(5,5,5,.75),inset -.025em -.03em .05em .025em rgba(5,5,5,.5),inset .25em .25em .2em 0 rgba(5,5,5,.5),inset 0 0 .05em .5em rgba(255,255,255,.15),inset 0 0 0 0 rgba(255,255,255,1),inset .12em .12em .12em rgba(255,255,255,.25),inset -.075em -.12em .2em .1em rgba(5,5,5,.25)}.button .button-inner span{position:relative;z-index:4;font-family:Inter,sans-serif;letter-spacing:-.05em;font-weight:500;color:rgba(0,0,0,0);background-image:linear-gradient(135deg,rgba(25,25,25,1),rgba(75,75,75,1));-webkit-background-clip:text;background-clip:text;transition:transform .25s ease;display:flex;will-change:transform;text-shadow:rgba(0,0,0,.1) 0 0 .1em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.button:active .button-inner,.button:hover .button-inner span{transform:scale(.975)}