.liquid-glass {

position:relative;
overflow:hidden;

background:rgba(255,255,255,0.08);

backdrop-filter:blur(20px) saturate(180%);
-webkit-backdrop-filter:blur(20px) saturate(180%);

border-radius:20px;

border:1px solid rgba(255,255,255,0.3);

box-shadow:
0 20px 50px rgba(0,0,0,0.25),
inset 0 0 25px rgba(255,255,255,0.2);

}

/* Liquid light layer */

.liquid-glass::before{

content:"";

position:absolute;

width:200%;
height:200%;

top:-50%;
left:-50%;

background:
radial-gradient(
circle at var(--x,50%) var(--y,50%),
rgba(255,255,255,0.35),
transparent 40%
);

mix-blend-mode:overlay;

transition:all 0.1s linear;

pointer-events:none;

}