.glassy-button{background:color-mix(in oklch, var(--primary) 12%, transparent);-webkit-backdrop-filter:blur(24px)saturate(180%)brightness(1.1);box-shadow: inset 0 1px 1px #fff9,  inset 0 -1px 1px #0000001a,  inset 0 0 20px color-mix(in oklch, var(--primary) 8%, transparent);border:1px solid #ffffff40;border:1px solid lab(100% 0 0/.25);border-color:oklch(100% 5.96046e-8 none/.25) oklch(100% 5.96046e-8 none/.25) oklch(100% 5.96046e-8 none/.25) oklch(100% 5.96046e-8 none/.25);overflow:hidden auto}@supports (color:lab(0% 0 0)){.glassy-button{box-shadow: inset 0 1px 1px lab(100% 0 0/.6),  inset 0 -1px 1px lab(0% 0 0/.1),  inset 0 0 20px color-mix(in oklch, var(--primary) 8%, transparent)}}.glassy:before{content:"";pointer-events:none;background:linear-gradient(115deg,#ffffff4d 0%,#0000 20% 80%,#ffffff26 100%);background:linear-gradient(115deg,lab(100% 0 0/.3) 0%,#0000 20% 80%,lab(100% 0 0/.15) 100%);position:absolute;inset:0}.glassy:after{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(#ffffff80,#ffffff0d);background:linear-gradient(lab(100% 0 0/.5),lab(100% 0 0/.05));padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}