/* Contenedor principal para alinear los botones */
.whatsapp-flex-group {
    display: flex;
    justify-content: center; /* Centra el grupo de botones */
    gap: 20px;               /* Espacio entre los botones */
    flex-wrap: wrap;         /* Si no caben (en móvil), se ponen uno abajo del otro */
    padding: 20px;
}

/* El contenedor individual */
.whatsapp-container {
    flex: 1;                 /* Hace que ambos botones crezcan igual */
    max-width: 350px;        /* Evita que el botón sea demasiado ancho */
    min-width: 250px;        /* Tamaño mínimo para que no se deformen */
}

/* Estilo del botón (basado en tu imagen) */
.btn-whatsapp {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #075E54; /* Verde WhatsApp */
    color: white;
    text-decoration: none;
    font-weight: bold;
    font-family: sans-serif;
    padding: 15px 25px;
    border-radius: 50px;       /* Bordes redondeados como en la imagen */
    transition: background 0.3s ease, transform 0.2s ease;
    text-align: center;
    font-size: 12px;
}

/* Efecto Hover */
.btn-whatsapp:hover {
    background-color: #1ebe57;
    transform: scale(1.02);    /* Crece ligeramente al pasar el mouse */
}