#forsidWaBtn{
    --fsd-wa-color:#25D366;
    --fsd-wa-size:60px;
    --fsd-wa-mx:20px;
    --fsd-wa-my:20px;
    --fsd-wa-z:9999;
    position:fixed;
    z-index:var(--fsd-wa-z);
    display:none;
    align-items:center;
    gap:8px;
    width:var(--fsd-wa-size);
    height:var(--fsd-wa-size);
    padding:0;
    background:var(--fsd-wa-color);
    border-radius:50%;
    justify-content:center;
    text-decoration:none;
    cursor:pointer;
    box-shadow:0 4px 20px rgba(0,0,0,.18);
    transition:transform .2s,box-shadow .2s;
}
#forsidWaBtn.fsd-wa-pos-right{right:var(--fsd-wa-mx);left:auto}
#forsidWaBtn.fsd-wa-pos-left{left:var(--fsd-wa-mx);right:auto}
#forsidWaBtn.fsd-wa-pos-bottom{bottom:var(--fsd-wa-my);top:auto}
#forsidWaBtn.fsd-wa-pos-top{top:var(--fsd-wa-my);bottom:auto}
#forsidWaBtn.fsd-wa-circle{border-radius:50%}
#forsidWaBtn.fsd-wa-rounded{border-radius:16px}
#forsidWaBtn.fsd-wa-pill{border-radius:999px}
#forsidWaBtn.fsd-wa-has-label{width:auto;padding:0 20px 0 16px}
#forsidWaBtn.fsd-wa-visible{display:flex}
#forsidWaBtn:hover{transform:scale(1.08);box-shadow:0 6px 28px rgba(0,0,0,.25)}
#forsidWaBtn.fsd-wa-disabled{opacity:.5;pointer-events:none}
#forsidWaBtn i,#forsidWaBtn .bi{flex-shrink:0;font-size:calc(var(--fsd-wa-size) * 0.5);color:#fff;line-height:1}
#forsidWaBtn .fsd-wa-label{color:#fff;font-family:'DM Sans',system-ui,sans-serif;font-size:13px;font-weight:600;white-space:nowrap}
#forsidWaBtn .fsd-wa-tooltip{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    background:#fff;
    color:#333;
    padding:8px 14px;
    border-radius:8px;
    font-size:12px;
    white-space:nowrap;
    box-shadow:0 2px 14px rgba(0,0,0,.12);
    font-family:'DM Sans',system-ui,sans-serif;
    opacity:0;
    pointer-events:none;
    transition:opacity .3s;
}
#forsidWaBtn.fsd-wa-pos-right .fsd-wa-tooltip{right:calc(var(--fsd-wa-size) + 12px);left:auto}
#forsidWaBtn.fsd-wa-pos-left .fsd-wa-tooltip{left:calc(var(--fsd-wa-size) + 12px);right:auto}
#forsidWaBtn:hover .fsd-wa-tooltip,#forsidWaBtn.fsd-wa-show-tooltip .fsd-wa-tooltip{opacity:1}
@media(min-width:769px){#forsidWaBtn.fsd-hide-desktop{display:none!important}}
@media(max-width:768px){#forsidWaBtn.fsd-hide-mobile{display:none!important}}

@keyframes fsdWaPulse{
    0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--fsd-wa-color) 50%,transparent)}
    70%{box-shadow:0 0 0 14px color-mix(in srgb,var(--fsd-wa-color) 0%,transparent)}
    100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--fsd-wa-color) 0%,transparent)}
}
@keyframes fsdWaBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes fsdWaShake{0%,100%{transform:rotate(0)}10%{transform:rotate(8deg)}20%{transform:rotate(-6deg)}30%{transform:rotate(4deg)}40%{transform:rotate(0)}}
@keyframes fsdWaGlow{
    0%,100%{box-shadow:0 0 8px color-mix(in srgb,var(--fsd-wa-color) 40%,transparent)}
    50%{box-shadow:0 0 28px color-mix(in srgb,var(--fsd-wa-color) 90%,transparent)}
}
#forsidWaBtn.fsd-wa-anim.fsd-wa-pulse{animation:fsdWaPulse 2s infinite}
#forsidWaBtn.fsd-wa-anim.fsd-wa-bounce{animation:fsdWaBounce 2s infinite}
#forsidWaBtn.fsd-wa-anim.fsd-wa-bounce:hover{animation:none;transform:scale(1.08)}
#forsidWaBtn.fsd-wa-anim.fsd-wa-shake{animation:fsdWaShake 3s infinite}
#forsidWaBtn.fsd-wa-anim.fsd-wa-glow{animation:fsdWaGlow 2s infinite}
