.whatsapp-button {
    position: fixed;
    bottom: 70px; /* Distance from the bottom */
    right: 20px; /* Distance from the left */
    z-index: 1000; /* Ensure it's on top of other content */
    background-color: #25D366; /* WhatsApp green color */
    border-radius: 50%; /* Make it circular */
    width: 60px; /* Fixed width */
    height: 60px; /* Fixed height */
    display: flex; /* Use flexbox for centering */
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    color: white; /* Icon color */
    font-size: 24px; /* Adjust icon size */
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3); /* Shadow for floating effect */
    transition: background-color 0.3s, transform 0.2s; /* Transition for hover effect */
}

.whatsapp-button:hover {
    background-color: #128C7E; /* Darker shade on hover */
    transform: translateY(-5px); /* Lift the button on hover */
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .whatsapp-button {
        width: 50px; /* Smaller width for mobile */
        height: 50px; /* Smaller height for mobile */
        font-size: 20px; /* Smaller icon size for mobile */
    }
}