.liquid-glass{position:relative;border-radius:20px;overflow:hidden;background:linear-gradient(135deg,rgba(240,244,248,.85),rgba(245,247,250,.65) 50%,rgba(240,244,248,.78));backdrop-filter:blur(16px) saturate(180%) brightness(1.05);-webkit-backdrop-filter:blur(16px) saturate(180%) brightness(1.05);border:1px solid rgba(255,255,255,.6);box-shadow:0 8px 32px rgba(0,0,0,.1),0 2px 8px rgba(0,0,0,.05),inset 0 1px 0 rgba(255,255,255,.65),inset 0 -1px 0 rgba(0,0,0,.05);transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s cubic-bezier(.22,1,.36,1),border-color .2s ease}.liquid-glass:before{inset:0;border-radius:inherit;z-index:1;box-shadow:inset 0 0 24px -5px rgba(255,255,255,.45),inset 1px 1px 0 rgba(255,255,255,.55),inset -1px -1px 0 rgba(255,255,255,.12);background:linear-gradient(165deg,rgba(255,255,255,.18),transparent 40%,transparent 60%,rgba(255,255,255,.06))}.liquid-glass:after,.liquid-glass:before{content:"";position:absolute;pointer-events:none}.liquid-glass:after{top:0;left:10%;right:10%;height:1px;border-radius:0 0 50% 50%;z-index:2;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8) 20%,rgba(255,255,255,1) 50%,rgba(255,255,255,.8) 80%,transparent);filter:blur(.5px)}.liquid-glass:hover{transform:translateY(-3px);box-shadow:0 20px 48px rgba(0,0,0,.16),0 8px 20px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.75),inset 0 -1px 0 rgba(0,0,0,.07);border-color:rgba(255,255,255,.65)}.liquid-glass:active{transform:translateY(-1px)}html.dark .liquid-glass{background:linear-gradient(135deg,rgba(255,255,255,.13),rgba(255,255,255,.06) 50%,rgba(255,255,255,.1));border:1px solid rgba(255,255,255,.14);box-shadow:0 8px 32px rgba(0,0,0,.45),0 2px 8px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.18),inset 0 -1px 0 rgba(0,0,0,.25)}html.dark .liquid-glass:before{box-shadow:inset 0 0 20px -5px rgba(255,255,255,.14),inset 1px 1px 0 rgba(255,255,255,.18),inset -1px -1px 0 rgba(255,255,255,.05);background:linear-gradient(165deg,rgba(255,255,255,.09),transparent 40%,transparent 60%,rgba(255,255,255,.03))}html.dark .liquid-glass:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.22) 20%,rgba(255,255,255,.38) 50%,rgba(255,255,255,.22) 80%,transparent)}html.dark .liquid-glass:hover{box-shadow:0 20px 48px rgba(0,0,0,.55),0 8px 20px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.26),inset 0 -1px 0 rgba(0,0,0,.3);border-color:rgba(255,255,255,.22)}@supports not (backdrop-filter:blur(1px)){.liquid-glass{background:rgba(255,255,255,.88)}html.dark .liquid-glass{background:rgba(28,33,40,.95)}}.btn-press{transition:transform .1s cubic-bezier(.33,1,.68,1),box-shadow .15s ease,background-color .15s ease}.btn-press:active{transform:scale(.97)}