.bp-filter-bar-8336 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
}

.bp-filter-bar-8336.is-loading {
    opacity: 0.7;
    pointer-events: none;
}

.bp-filter-btn-8336 {
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease, opacity 0.3s ease;
    background-color: #00ADC6; /* Default inactive */
    color: #fff;
    font-family: inherit;
    font-size: 16px;
    border-radius: 5px; /* Default */
}

.bp-filter-btn-8336.active {
    background-color: #00262C; /* Default active */
}

.bp-filter-btn-8336:hover {
    opacity: 0.9;
}