.btn-custom-active {
    font-family: var(--font)!important;
    background-color: var(--accent-color)!important;
    color: white!important;
}

.btn-custom-active:hover {
    color: var(--bg)!important;
}

.btn-custom-inactive {
    font-family: var(--font)!important;
    background-color: white!important;
    color: var(--accent-color)!important;
}

.btn-custom-inactive:hover {
    background-color: var(--accent-color-hover)!important;
    color: white!important;
}