.whatsapp-button {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: flex;
    align-items: center; /* Alinea el ícono y el texto verticalmente */
    justify-content: center;
    padding: 10px 15px; /* Espacio interno para el ícono y el texto */
    background-color: #25D366; /* Color verde de WhatsApp */
    color: white; /* Color del texto */
    border-radius: 25px; /* Borde redondeado */
    text-decoration: none; /* Quita el subrayado del enlace */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); /* Sombra */
    transition: transform 0.2s ease, box-shadow 0.2s ease; /* Efecto hover */
}

.whatsapp-button:hover {
    transform: scale(1.1); /* Aumenta el tamaño al pasar el mouse */
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.3); /* Sombra más pronunciada */
}

.whatsapp-button img {
    margin-right: 8px; /* Espacio entre el ícono y el texto */
}

.whatsapp-button span {
    font-size: 1rem; /* Tamaño del texto */
    font-weight: bold; /* Negrita */
}