/* CSS for WhatsApp Floating Button */
#whatsapp-button {
    position: fixed;
    bottom: 80px; /* Position above the copyright */
    right: 20px; /* Position from the right */
    z-index: 100; /* Ensure it is above other content */
    display: none; /* Initially hidden */
}

    #whatsapp-button img {
        width: 60px; /* Size of the icon */
        height: 60px; /* Size of the icon */
        border-radius: 50%; /* Rounded shape */
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5); /* Shadow effect */
        transition: transform 0.3s; /* Animation for hover effect */
    }

        #whatsapp-button img:hover {
            transform: scale(1.1); /* Slightly enlarge on hover */
        }