.liquid-glass{position:relative;overflow:hidden;backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.03) 50%,rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 32px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.2);transition:all .3s cubic-bezier(.4,0,.2,1)}.liquid-glass:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:linear-gradient(135deg,rgba(255,255,255,.25),rgba(255,255,255,.05) 30%,rgba(255,255,255,.15) 70%,rgba(255,255,255,.2));border-radius:inherit;filter:blur(.3px);animation:glass-refract 6s ease-in-out infinite;-webkit-mask-composite:subtract;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:source-out;mask-composite:subtract;pointer-events:none;z-index:1}.liquid-glass:hover{color:rgba(255,255,255,.95);transform:scale(1.02) translateZ(0);backdrop-filter:blur(20px) saturate(170%);-webkit-backdrop-filter:blur(20px) saturate(170%);border-color:rgba(255,255,255,.18);box-shadow:0 15px 35px rgba(0,0,0,.4),0 8px 16px rgba(255,255,255,.1),inset 0 1px 0 rgba(255,255,255,.3),inset 0 0 0 1px rgba(255,255,255,.15);background:linear-gradient(135deg,rgba(255,69,58,.2),rgba(255,149,0,.2),rgba(175,82,222,.2))}