/* Filter Button Custom Styles - Light Mode */
.btn-filter {
    color: #4e73df;
    background-color: #eaecf4;
    border-color: #eaecf4;
    transition: all 0.3s ease;
}
.btn-filter:hover {
    color: #fff;
    background-color: #4e73df;
    border-color: #4e73df;
}
.btn-filter:focus, .btn-filter.focus {
    color: #fff;
    background-color: #4e73df;
    border-color: #4e73df;
    box-shadow: 0 0 0 0.2rem rgba(78, 115, 223, 0.5);
}

/* Filter Button Custom Styles - Dark Mode */
body.dark-mode .btn-filter {
    color: #728ced !important;
    background-color: rgba(114, 140, 237, 0.1) !important;
    border-color: rgba(114, 140, 237, 0.2) !important;
}
body.dark-mode .btn-filter:hover {
    color: #fff !important;
    background-color: #728ced !important;
    border-color: #728ced !important;
}