.liquid-button{position:relative;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border-radius:9999px;font-weight:600;transition:all .3s ease;z-index:1;border:none;cursor:pointer;outline:none}.liquid-button-default{padding:.75rem 1.5rem;font-size:1rem}.liquid-button-lg{padding:1rem 2rem;font-size:1.125rem}.liquid-button-sm{padding:.5rem 1rem;font-size:.875rem}.liquid-button-primary{background:hsl(var(--brand-teal));color:#fff;box-shadow:0 4px 15px hsl(var(--brand-teal)/.4)}.liquid-button-primary:hover{box-shadow:0 8px 25px hsl(var(--brand-teal)/.6);transform:translateY(-2px)}.liquid-button-secondary{background:hsl(var(--brand-navy));color:#fff;border:1px solid hsl(var(--brand-teal)/.3)}.liquid-content{position:relative;z-index:10;display:flex;align-items:center;gap:.5rem}.liquid-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;filter:url(#goo)}.liquid-blob,.liquid-svg{position:absolute;width:0;height:0}.liquid-blob{top:50%;left:50%;transform:translate(-50%,-50%);background-color:hsl(var(--brand-sky)/.8);border-radius:50%;transition:width .5s ease,height .5s ease;z-index:-1}.liquid-button:hover .liquid-blob{width:150%;height:300%;animation:blob-wobble 2s linear infinite}@keyframes blob-wobble{0%,to{border-radius:40% 60% 70% 30%/40% 40% 60% 50%}34%{border-radius:70% 30% 50% 50%/30% 30% 70% 70%}67%{border-radius:100% 60% 60% 100%/100% 100% 60% 60%}}