/* BUTTON WITH TEXT */
.wcf-btn{
 position:fixed;
 right:16px;
 top:50%;
 transform:translateY(-50%);
 display:flex;
 align-items:center;
 gap:10px;
 padding:12px 18px;
 border-radius:50px;
 background:#25D366;
 box-shadow:0 12px 30px rgba(0,0,0,.3);
 z-index:99999;
 text-decoration:none;
 color:#fff;
 font-weight:600;
 font-family:system-ui;
}
.wcf-btn img{
 width:28px;
 height:28px;
 object-fit:contain;
}
.wcf-text{
 white-space:nowrap;
}

/* COLORS */
.color-green{background:#25D366}
.color-darkgreen{background:#128C7E}
.color-blue{background:#007bff}
.color-red{background:#dc3545}
.color-orange{background:#fd7e14}
.color-purple{background:#6f42c1}
.color-pink{background:#e83e8c}
.color-black{background:#000}
.color-gray{background:#6c757d}
.color-yellow{background:#ffc107;color:#000}

/* ANIMATIONS */
.anim-pulse{animation:pulse 2s infinite}
@keyframes pulse{0%{transform:translateY(-50%) scale(1)}50%{transform:translateY(-50%) scale(1.12)}100%{transform:translateY(-50%) scale(1)}}

.anim-bounce{animation:bounce 2s infinite}
@keyframes bounce{0%,100%{transform:translateY(-50%)}50%{transform:translateY(-60%)}}

.anim-shake{animation:shake .4s infinite}
@keyframes shake{0%{transform:translateY(-50%) translateX(0)}50%{transform:translateY(-50%) translateX(-4px)}100%{transform:translateY(-50%) translateX(4px)}}

.anim-zoom{animation:zoom 2s infinite}
@keyframes zoom{0%,100%{transform:translateY(-50%) scale(1)}50%{transform:translateY(-50%) scale(1.2)}}

.anim-float{animation:float 3s infinite}
@keyframes float{0%,100%{transform:translateY(-50%)}50%{transform:translateY(-65%)}}

.anim-rotate{animation:rotate 4s linear infinite}
@keyframes rotate{from{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}

.anim-wave{animation:wave 1.5s infinite}
@keyframes wave{0%,100%{transform:translateY(-50%) rotate(0)}50%{transform:translateY(-50%) rotate(12deg)}}

.anim-blink{animation:blink 1.5s infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.5}}

.anim-slide{animation:slide 2.5s infinite}
@keyframes slide{0%,100%{transform:translateY(-50%) translateX(0)}50%{transform:translateY(-50%) translateX(-10px)}}

.anim-none{animation:none}