/* whatsapp.css */

/* Style the WhatsApp button */
#whatsapp-button {
    position: fixed; /* Fix the button to the screen */
    bottom: 10px; /* Distance from the bottom */
    left: 10px; /* Distance from the left */
    z-index: 1000; /* Ensure it's on top of other elements */
}

/* Style the WhatsApp icon */
#whatsapp-icon {
    width: 20px; /* Set the width of the icon */
    height: 20px; /* Set the height of the icon */
    border-radius: 50%; /* Make the icon round */
    background-color: #25D366; /* WhatsApp green background */
    padding: 10px; /* Padding inside the circle */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Optional shadow effect */
    transition: transform 0.3s ease; /* Smooth animation on hover */
}

/* Hover effect for the WhatsApp icon */
#whatsapp-icon:hover {
    transform: scale(1.1); /* Make the icon slightly larger when hovered */
}