/* Estilos generales para los botones */
.btn {
    border: none;
    color: black;
    padding: 7px 14px;
    cursor: pointer;
    border-radius: 5px;
}

/* Estilos para el botón primario */
.primary {
    background-color: white;
    border: 2px solid #f44336;
}

.primary:hover, .btn-check:checked + .primary {
    background-color: #f44336;
    color: white;
    border-color: #f44336;
}

/* Estilos para el botón de peligro */
.danger {
    background-color: white;
    border: 2px solid #007bff;

}

.danger:hover, .btn-check:checked + .danger {
    background-color: #007bff;
    color: white;
    border-color: #007bff;
}


/* Estilos para el estado checked de btn-check */
.btn-check:checked + .btn-secondary, 
.btn-check:active + .btn-secondary, 
.btn-secondary:active, 
.btn-secondary.active, 
.show > .btn-secondary.dropdown-toggle {
    color: #fff;
}

/*.btn-HU {
    background-color: #ac081a !important;
    ;
}

.btn-ML {
    background-color: #1c6ca9 !important;
    ;
}*/