/* Estado normal */
.btn-panel {
    background-color: #44007b !important;
    border-color: #44007b !important;
    color: #ffffff !important;
    transition: all 0.2s ease-in-out;
}

/* Estado al pasar el mouse (Hover) */
.btn-panel:hover {
    background-color: #2e0054 !important;
    border-color: #2e0054 !important;
    color: #ffffff !important;
}

/* Estado al hacer clic o mantener presionado (Active / Focus) */
.btn-panel:active, 
.btn-panel:focus, 
.btn-panel.active {
    background-color: #1f003a !important;
    border-color: #1f003a !important;
    color: #ffffff !important;
    box-shadow: 0 0 0 0.25rem rgba(68, 0, 123, 0.5) !important;
}