.liquid-button{cursor:pointer;z-index:1;border:none;border-radius:30px;justify-content:center;align-items:center;gap:8px;padding:16px 32px;font-weight:600;text-decoration:none;transition:transform .3s;display:inline-flex;position:relative;overflow:hidden}.liquid-button:hover{transform:scale(1.05)}.liquid-button.primary{color:var(--on-primary);background:var(--primary)}.liquid-button.secondary{color:var(--text-main);background:var(--secondary)}.liquid-layer{opacity:0;pointer-events:none;z-index:-1;background:radial-gradient(circle,#fff6 0%,#0000 70%);border-radius:30px;width:100%;height:100%;transition:opacity .4s,transform .4s;position:absolute;top:0;left:0;transform:scale(0)}.liquid-button:hover .liquid-layer{opacity:1;animation:2s infinite liquid-pulse;transform:scale(1.5)}@keyframes liquid-pulse{0%{opacity:.4;transform:scale(1)}50%{opacity:.2;transform:scale(1.2)}to{opacity:.4;transform:scale(1)}}.liquid-content{z-index:2;align-items:center;gap:8px;display:flex;position:relative}
.liquid-text{background:linear-gradient(90deg,var(--accent)0%,#5b9fff 25%,var(--accent)50%,#ff6b35 75%,var(--accent)100%);color:#0000;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:4s linear infinite liquid-flow;display:inline-block}@keyframes liquid-flow{0%{background-position:0%}to{background-position:200%}}
.liquid-divider{width:100%;margin:40px 0;line-height:0;position:relative;overflow:hidden;transform:rotate(180deg)}.liquid-divider svg{width:calc(100% + 1.3px);height:60px;display:block;position:relative}.liquid-divider .shape-fill{fill:#ffffff0d;transform-origin:50%;animation:10s linear infinite alternate wave-animation}@keyframes wave-animation{0%{transform:scaleY(1)}to{transform:scaleY(1.2)}}