.wa-float{position:fixed;right:24px;bottom:24px;z-index:100;display:flex;align-items:center;justify-content:center;width:74px;height:74px;padding:0;border:0;border-radius:22px;background:transparent;color:#fff;box-shadow:0 14px 35px rgba(13,92,52,.28);transition:transform .25s ease,box-shadow .25s ease}.wa-float img{display:block;width:74px;height:74px;object-fit:contain;border-radius:22px}.wa-float:hover{transform:translateY(-4px) scale(1.03);box-shadow:0 18px 42px rgba(13,92,52,.36)}.wa-float:focus-visible{outline:3px solid #16834a;outline-offset:5px}.wa-float .wa-tooltip{position:absolute;right:86px;top:50%;transform:translate(8px,-50%);padding:11px 15px;border-radius:12px;background:#0b2a1d;color:#fff;font-size:13px;font-weight:800;line-height:1.25;letter-spacing:.01em;white-space:nowrap;box-shadow:0 10px 28px rgba(11,42,29,.22);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,transform .2s ease,visibility .2s ease}.wa-float .wa-tooltip:after{content:"";position:absolute;right:-7px;top:50%;width:14px;height:14px;background:#0b2a1d;transform:translateY(-50%) rotate(45deg);border-radius:2px}.wa-float:hover .wa-tooltip,.wa-float:focus-visible .wa-tooltip{opacity:1;visibility:visible;transform:translate(0,-50%)}@media(max-width:760px){.wa-float{right:16px;bottom:16px;width:64px;height:64px;border-radius:19px}.wa-float img{width:64px;height:64px;border-radius:19px}.wa-float .wa-tooltip{right:76px;font-size:12px;padding:10px 12px;white-space:normal;width:210px;text-align:center}}
/* EXPANDING PULSING WHATSAPP */
.wa-float{right:26px!important;bottom:26px!important;width:62px!important;height:62px!important;border-radius:50%!important;background:#25d366!important;overflow:visible!important;box-shadow:0 8px 24px rgba(37,211,102,.30),0 0 0 0 rgba(37,211,102,.42)!important;animation:animoWaPulse 2.4s infinite!important;transition:width .28s ease,border-radius .28s ease,transform .28s ease,box-shadow .28s ease!important}
.wa-float img{width:62px!important;height:62px!important;border-radius:50%!important;object-fit:contain!important;padding:10px!important;background:#25d366!important}
.wa-float .wa-tooltip{right:72px!important;top:50%!important;transform:translate(10px,-50%) scale(.96)!important;border-radius:999px!important;padding:10px 15px!important;background:#0b2a1d!important;font-size:12px!important;box-shadow:0 10px 26px rgba(11,42,29,.22)!important}
.wa-float:hover,.wa-float:focus-visible{width:210px!important;border-radius:999px!important;transform:translateY(-3px)!important;box-shadow:0 14px 32px rgba(37,211,102,.38)!important;animation:none!important}
.wa-float:hover .wa-tooltip,.wa-float:focus-visible .wa-tooltip{opacity:1!important;visibility:visible!important;transform:translate(0,-50%) scale(1)!important}
@keyframes animoWaPulse{0%,100%{box-shadow:0 8px 24px rgba(37,211,102,.30),0 0 0 0 rgba(37,211,102,.35)}50%{box-shadow:0 10px 28px rgba(37,211,102,.36),0 0 0 9px rgba(37,211,102,0)}}
@media(max-width:760px){.wa-float{right:16px!important;bottom:16px!important;width:58px!important;height:58px!important}.wa-float img{width:58px!important;height:58px!important;padding:9px!important}.wa-float:hover,.wa-float:focus-visible{width:195px!important}.wa-float .wa-tooltip{right:68px!important;font-size:11px!important;padding:9px 13px!important}}
```css
/* =====================================================
   FOOTER WHATSAPP — SAMA SEPERTI FOOTER ARTIKEL
   ===================================================== */

.footer-whatsapp{
    margin-top:22px;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
}

.footer-whatsapp .footer-marketplace-title{
    display:block;
    margin-bottom:10px;
}

.footer-whatsapp-logos{
    display:flex;
    align-items:center;
    gap:10px;
}

.footer-whatsapp-icon-only{
    display:flex;
    align-items:center;
    justify-content:flex-start;

    width:36px !important;
    height:36px !important;

    padding:0 !important;
    margin:0 !important;

    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;

    text-decoration:none;
    box-shadow:none !important;
}

.footer-whatsapp-icon{
    display:block;

    width:36px !important;
    height:36px !important;

    min-width:36px !important;
    min-height:36px !important;

    max-width:36px !important;
    max-height:36px !important;

    padding:0 !important;
    margin:0 !important;

    object-fit:contain !important;

    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;

    box-shadow:none !important;

    transition:transform .2s ease;
}

.footer-whatsapp-icon-only:hover .footer-whatsapp-icon{
    transform:translateY(-2px) scale(1.05);
}


/* =====================================================
   MOBILE
   ===================================================== */

@media(max-width:760px){

    .footer-whatsapp{
        margin-top:20px;
    }

    .footer-whatsapp-icon-only{
        width:34px !important;
        height:34px !important;
    }

    .footer-whatsapp-icon{
        width:34px !important;
        height:34px !important;

        min-width:34px !important;
        min-height:34px !important;

        max-width:34px !important;
        max-height:34px !important;
    }

}
```