#button-home-2 {
    /* Los estilos de color de texto y fondo ya están en el inline style del botón HTML que pasaste */
    /* color: rgb(0, 51, 102) !important; */  /* Texto azul oscuro */
    /* background-color: rgb(255, 255, 255) !important; */ /* Fondo blanco */
    
    /* Asegura que el botón tenga un borde inicial, usando el color azul oscuro de tu paleta */
    border: 2px solid rgb(0, 51, 102) !important; 
    
    /* Mantiene el radio de borde que ya tienes en tu HTML */
    border-radius: 40px !important; 
    
    /* Transición suave para todos los cambios visuales */
    transition: all 0.3s ease; 
}

/* Estilos para el efecto hover (al pasar el mouse por encima del botón) */
#button-home-2:hover {
    /* Color de fondo: un azul más vibrante que combina con #003366 */
    background-color: #0066CC !important; 
    
    /* Color de las letras: blanco */
    color: white !important; 
    
    /* Color del borde: blanco */
    border-color: white !important; 
    
    /* Asegura que el estilo del borde sea sólido durante el hover */
    border-style: solid !important; 
}