@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-10px);
    }
    60% {
        transform: translateY(-5px);
    }
}

.whatsapp-container {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1000;
    display: flex;
    align-items: center;
    cursor: pointer;
    animation: bounce 2s infinite; /* Add bounce animation */
}

.whatsapp-icon img {
    border-radius: 100%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    width: 70px; /* Increase the size of the image */
    height: 60px; /* Maintain aspect ratio */
}

#whatsapp-text {
    margin-left: 10px;
    font-size: 20px;
    color: #ffffff;
    font-weight: bold;
    background-color: #25d366;
    padding: 5px 10px;
    border-radius: 15px;
    display: inline-block; /* Always display text */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}