.btn-banner {
    background-color: #ffff !important; 
    color: #141414 !important; /* Color del texto */
    padding: 15px 30px; /* Espaciado interno */
    font-size: 24px !important; /* Tamaño de la fuente */
    font-weight: bold; /* Texto en negrita */
    text-align: center; /* Centrar el texto */
    text-decoration: none; /* Quitar subrayado */
    border-radius: 5px; /* Bordes redondeados */
    border: 2px solid #44ac34; /* Borde del mismo color que el fondo */
    transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease; /* Transición suave */
    display: inline-block; /* Para que se comporte como botón */
    cursor: pointer; /* Cursor de mano al pasar por encima */
}

.btn-banner:hover {
    background-color: #9ced10 !important; /* Fondo al pasar el ratón */
    color: #141414 !important; /* Color del texto al pasar el ratón */
    border-color: #9ced10; /* Borde al pasar el ratón */
}

.whatsapp-button {
    position: fixed; /* Cambia de fixed a absolute */
    top: 50%; /* Centrar verticalmente */
    right: 1px; /* Mantener una separación del lado derecho */
    transform: translateY(-50%); /* Asegura que esté perfectamente centrado */
    z-index: 1000;
    width: 60px; /* Tamaño más grande para darle más presencia */
    height: 60px;
    border-radius: 50%;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.whatsapp-button:hover {
    transform: translateY(-50%) scale(1.1); /* Efecto de zoom al pasar el mouse */
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
}

.whatsapp-button img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}