:root{--c-glass:#fff;--c-light:#fff;--c-dark:#000;--glass-reflex-dark:1;--glass-reflex-light:1;--saturation:150%}.liquid{-webkit-backdrop-filter:blur(8px)saturate(var(--saturation));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c-light)calc(var(--glass-reflex-light)*12%),transparent),inset 1.8px 3px 0px -2px color-mix(in srgb,var(--c-light)calc(var(--glass-reflex-light)*90%),transparent),inset -2px -2px 0px -2px color-mix(in srgb,var(--c-light)calc(var(--glass-reflex-light)*80%),transparent),inset -3px -8px 1px -6px color-mix(in srgb,var(--c-light)calc(var(--glass-reflex-light)*60%),transparent),inset -.3px -1px 4px 0px color-mix(in srgb,var(--c-dark)calc(var(--glass-reflex-dark)*12%),transparent),inset -1.5px 2.5px 0px -2px color-mix(in srgb,var(--c-dark)calc(var(--glass-reflex-dark)*20%),transparent),inset 0px 3px 4px -2px color-mix(in srgb,var(--c-dark)calc(var(--glass-reflex-dark)*20%),transparent),inset 2px -6.5px 1px -4px color-mix(in srgb,var(--c-dark)calc(var(--glass-reflex-dark)*10%),transparent),0px 1px 5px 0px color-mix(in srgb,var(--c-dark)calc(var(--glass-reflex-dark)*10%),transparent),0px 6px 16px 0px color-mix(in srgb,var(--c-dark)calc(var(--glass-reflex-dark)*8%),transparent);transition:all .3s cubic-bezier(.2,.9,.3,1.5)}.liquid:hover{transform:scale(1.02)}.liquid:active{transform:scale(.98)}