.whatsapp-button {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1000;
    background-color: #153c7a; /* Background color */
    color: rgb(24, 155, 39) !important; /* WhatsApp icon color */

    padding: 10px 15px; /* Padding for button */
    border-radius: 5px; /* Rounded corners */
    display: flex; /* Flexbox for alignment */
    align-items: center; /* Center items vertically */
    text-decoration: none; /* No underline */
    font-size: 18px; /* Font size */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); /* Optional shadow */
}

.whatsapp-button i {
    margin-right: 8px; /* Space between icon and text */
    font-size: 24px; /* Icon size */
    color: rgb(24, 155, 39); /* Ensure icon color is white */
}

.whatsapp-button:hover {
    background-color: #102c5a; /* Slightly darker blue for hover effect */
}