.liquid-glass{-webkit-backdrop-filter:blur(16px)saturate(150%);background:linear-gradient(135deg,#ffffff14 0%,#ffffff08 50%,#ffffff0f 100%);border:1px solid #ffffff1f;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 8px 32px #0000004d,inset 0 1px #fff3}.liquid-glass:before{content:"";border-radius:inherit;filter:blur(.3px);-webkit-mask-composite:subtract;-webkit-mask-composite:source-out;pointer-events:none;z-index:1;background:linear-gradient(135deg,#ffffff40 0%,#ffffff0d 30%,#ffffff26 70%,#fff3 100%);animation:6s ease-in-out infinite glass-refract;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;mask-origin:padding-box,border-box;-webkit-mask-composite:source-out;mask-composite:subtract;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.liquid-glass:hover{color:#fffffff2;-webkit-backdrop-filter:blur(20px)saturate(170%);background:linear-gradient(135deg,#ff453a33,#ff950033,#af52de33);border-color:#ffffff2e;transform:scale(1.02)translateZ(0);box-shadow:0 15px 35px #0006,0 8px 16px #ffffff1a,inset 0 1px #ffffff4d,inset 0 0 0 1px #ffffff26}