.liquid-glass-wrapper{position:relative;display:flex;flex-direction:column;overflow:hidden;width:100%;padding:.75rem 1rem;background:rgba(255,255,255,.15);backdrop-filter:blur(2px) saturate(180%);-webkit-backdrop-filter:blur(2px) saturate(180%);border:1px solid rgba(255,255,255,.8);border-radius:.5rem;box-shadow:0 8px 32px rgba(31,38,135,.2),inset 0 4px 20px rgba(255,255,255,.3);transition:all .4s cubic-bezier(.175,.885,.32,2.2)}.liquid-glass-wrapper:after{content:"";position:absolute;inset:0;background:rgba(255,255,255,.1);border-radius:.5rem;backdrop-filter:blur(1px);box-shadow:inset -10px -8px 0 -11px rgba(255,255,255,1),inset 0 -9px 0 -8px rgba(255,255,255,1);opacity:.6;z-index:-1;filter:blur(1px) drop-shadow(10px 4px 6px black) brightness(115%);pointer-events:none}.liquid-glass-content{position:relative;z-index:1;display:flex;flex-direction:column;gap:.125rem}.liquid-glass-title{font-size:1.5rem;font-weight:600;text-transform:capitalize;letter-spacing:.025em;color:white;text-shadow:0 1px 2px rgba(0,0,0,.3)}.liquid-glass-description{font-size:.875rem;font-weight:500;line-height:1.4;color:rgba(255,255,255,.95);text-shadow:0 1px 2px rgba(0,0,0,.2)}@media (min-width:1024px){.liquid-glass-wrapper{padding:.5rem .75rem}.liquid-glass-title{font-size:2rem}.liquid-glass-description{font-size:1rem}}.liquid-glass-button{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;color:white;background:rgba(255,255,255,.2);backdrop-filter:blur(8px) saturate(180%);-webkit-backdrop-filter:blur(8px) saturate(180%);border:1px solid rgba(255,255,255,.4);border-radius:.375rem;box-shadow:0 4px 16px rgba(31,38,135,.15),inset 0 2px 10px rgba(255,255,255,.2);transition:background .2s ease,border-color .2s ease,box-shadow .2s ease;text-shadow:0 1px 2px rgba(0,0,0,.3);cursor:pointer;text-decoration:none}.liquid-glass-button:hover{background:rgba(255,255,255,.35);border-color:rgba(255,255,255,.6);box-shadow:0 6px 24px rgba(31,38,135,.25),inset 0 3px 15px rgba(255,255,255,.3)}.liquid-glass-button:active{box-shadow:0 2px 8px rgba(31,38,135,.1),inset 0 1px 5px rgba(255,255,255,.15)}.liquid-glass-circle{flex:0 0 auto;width:2rem;height:2rem;padding:0;border-radius:9999px;font-size:1.375rem;color:#000;text-shadow:none;overflow:hidden;background:rgba(255,255,255,.65);backdrop-filter:blur(8px) saturate(180%);-webkit-backdrop-filter:blur(8px) saturate(180%);box-shadow:0 4px 16px rgba(31,38,135,.2),inset 0 2px 10px rgba(255,255,255,.3)}.liquid-glass-circle:after{content:"";position:absolute;inset:0;border-radius:9999px;background:rgba(255,255,255,.1);box-shadow:inset -6px -5px 0 -7px rgba(255,255,255,1),inset 0 -5px 0 -5px rgba(255,255,255,1);opacity:.6;filter:blur(1px) brightness(115%);pointer-events:none;z-index:0}.liquid-glass-circle>svg{position:relative;z-index:1;stroke:currentColor;stroke-width:.5}