.btn-icon {
    margin-right: 0.5rem;
}

.custom-btn-primary {
    background-color: var(--primary-color);
    color: #ffffff;
    border-radius: 8px;
}

    .custom-btn-primary:hover {
        background-color: var(--primary-color);
        color: #ffffff;
    }

    .custom-btn-primary:active {
        border: 1px solid var(--primary-color) !important;
        color: var(--primary-color) !important;
    }

.custom-btn-secondary {
    background-color: #ffffff;
    border: 1px solid #c3c6cb;
    border-radius: 8px;
}

    .custom-btn-secondary:hover {
        border: 1px solid #c3c6cb;
    }

    .custom-btn-secondary:active {
        border: 1px solid var(--primary-color) !important;
        color: var(--primary-color) !important;
    }

.filter-container {
    border: 1px solid var(--border-color);
    border-radius: 12px;
    padding: 1rem;
    background-color: #ffffff;
}


    .filter-container .alert-filter {
        padding: 0.5rem;
        margin: 1rem;
        background-color: var(--accent-color);
        border: 1px solid rgb(22, 63, 122, 0.5);
    }


.icon-neutral {
    color: #737373;
}

    .icon-neutral:hover {
        color: #0a0a0a !important;
    }