.wa-float {
    position: fixed;
    bottom: 25px;
    right: 25px;
    z-index: 9999;
    display: flex;
    align-items: center;
    animation: wa-bounce-5s 5s ease-in-out infinite;
}

.wa-bubble {
    background: #25D366;
    color: white;
    padding: 10px 15px;
    border-radius: 20px;
    margin-right: 10px;
    font-size: 13px;
    font-family: Arial, sans-serif;
    box-shadow: 0 4px 10px rgba(0,0,0,.2);
}

/* --- BOUNCE ON HOVER --- */
.wa-button img {
    width: 60px;
    height: 60px;
    transition: transform 0.3s ease;
}

/* Efek bouncing saat hover */
.wa-button:hover img {
    animation: wa-bounce 0.6s;
}

/* Keyframes untuk efek bounce */
@keyframes wa-bounce {
    0%   { transform: translateY(0); }
    25%  { transform: translateY(-8px); }
    50%  { transform: translateY(0); }
    75%  { transform: translateY(-5px); }
    100% { transform: translateY(0); }
}

/* --- BOUNCE BUBBLE ON HOVER --- */
.wa-float:hover .wa-bubble {
    animation: wa-bounce 0.6s;
}

@keyframes wa-bounce-5s {
    /* Diam dulu */
    0%, 80% {
        transform: translateY(0);
    }

    /* Baru mulai bounce */
    85% {
        transform: translateY(-8px);
    }
    90% {
        transform: translateY(0);
    }
    95% {
        transform: translateY(-5px);
    }
    100% {
        transform: translateY(0);
    }
}