.glass-button{--border-width: clamp(1px, .0625em, 4px);--anim-time: .4s;--anim-ease: cubic-bezier(.25, 1, .5, 1);all:unset;cursor:pointer;position:relative;display:inline-block;-webkit-tap-highlight-color:rgba(0,0,0,0);border-radius:999vw;background:linear-gradient(-75deg,#ffffff0a,#ffffff24,#ffffff0a);box-shadow:inset 0 .125em .125em #00000040,inset 0 -.125em .125em #ffffff40,0 .25em .4em -.125em #00000080,0 0 .1em .25em inset #ffffff1f;backdrop-filter:blur(clamp(1px,.125em,4px));-webkit-backdrop-filter:blur(clamp(1px,.125em,4px));transition:transform var(--anim-time) var(--anim-ease),box-shadow var(--anim-time) var(--anim-ease)}.glass-button:hover{transform:scale(.975);box-shadow:inset 0 .125em .125em #00000040,inset 0 -.125em .125em #ffffff59,0 .15em .3em -.1em #0009,0 0 .05em .1em inset #ffffff40}.glass-button:active{transform:scale(.95)}.glass-button span{position:relative;display:block;user-select:none;-webkit-user-select:none;font-weight:500;font-size:1rem;letter-spacing:-.02em;color:#ffffffeb;text-shadow:0 .12em .12em rgba(0,0,0,.35);padding-inline:1.5em;padding-block:.75em;transition:text-shadow var(--anim-time) var(--anim-ease)}.glass-button:hover span{text-shadow:0 .025em .025em rgba(0,0,0,.2)}.glass-button span:after{content:"";display:block;position:absolute;z-index:1;width:calc(100% - var(--border-width));height:calc(100% - var(--border-width));top:calc(0% + var(--border-width) / 2);left:calc(0% + var(--border-width) / 2);box-sizing:border-box;border-radius:999vw;overflow:clip;background:linear-gradient(-45deg,#fff0,#ffffff40 55% 60%,#fff0 68%);mix-blend-mode:screen;pointer-events:none;background-size:200% 200%;background-position:0% 50%;background-repeat:no-repeat;transition:background-position calc(var(--anim-time) * 1.25) var(--anim-ease)}.glass-button:hover span:after{background-position:25% 50%}.glass-button:active span:after{background-position:50% 15%}.glass-button:after{content:"";position:absolute;z-index:1;inset:0;border-radius:999vw;width:calc(100% + var(--border-width));height:calc(100% + var(--border-width));top:calc(0% - var(--border-width) / 2);left:calc(0% - var(--border-width) / 2);padding:var(--border-width);box-sizing:border-box;background:conic-gradient(from -75deg at 50% 50%,#ffffff80,#fff0 5% 40%,#ffffff80 50%,#fff0 60% 95%,#ffffff80),linear-gradient(180deg,#ffffff4d,#ffffff4d);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;pointer-events:none;box-shadow:inset 0 0 0 calc(var(--border-width) / 2) #ffffff59}.glass-button:focus-visible{outline:2px solid rgba(255,255,255,.7);outline-offset:3px}