/* WhatsApp Button (Right Side) */
#whatsapp-button {
    position: fixed;
    bottom: 20px; /* Distance from the bottom of the viewport */
    right: 20px; /* Position on the right side */
    z-index: 9999; /* Ensure it appears above all other elements */
    width: 140px;
    height: 70px;    transition: transform 0.2s ease-in-out;
}

/* Call Button (Left Side) */
#call-button {
    position: fixed;
    bottom: 20px; /* Distance from the bottom of the viewport */
    left: 20px; /* Position on the left side */
    z-index: 9999; /* Ensure it appears above all other elements */
    width: 140px; /* Adjust the button size */
    height: 70px;
    transition: transform 0.2s ease-in-out;
}

/* Icon Styling */
#whatsapp-button img, #call-button img {
    width: 100%;
    height: 100%;
    cursor: pointer;
}

/* Hover Effects */
#whatsapp-button:hover, #call-button:hover {
    transform: scale(1.1); /* Zoom effect */
}

/* Adjustments for Small Screens */
@media screen and (max-width: 480px) {
    #whatsapp-button, #call-button {
width: 110px;
    height: 55px;        bottom: 15px; /* Adjust spacing for smaller screens */
    }
}