.fasjs-active {
    color: white;
    background-color: @col_orange;
}

.fasjs-hidden {
    display: none !important;
}

.fasjs-filter-buttons-clubs {
    align-items: center;
    display: flex;
    overflow-x: auto;
    overflow-y: clip;
    position: relative;
    white-space: nowrap;
    gap: 15px;
    padding-left: 0.8rem;
    padding-right: 0.8rem;
    margin-bottom: 20px;

    /* Hide scrollbar */
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* Internet Explorer 10+ */
}

.fasjs-filter-buttons-day {
    align-items: center;
    display: flex;
    overflow-x: auto;
    overflow-y: clip;
    position: relative;
    white-space: nowrap;
    gap: 2px;
    padding-left: 1.2rem;
    padding-right: 1.2rem;
    margin-bottom: 20px;


    /* Hide scrollbar */
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* Internet Explorer 10+ */
}

.fasjs-filter-buttons-day::-webkit-scrollbar,
.fasjs-filter-buttons-clubs::-webkit-scrollbar {
    display: none; /* WebKit browsers (Chrome, Safari, Edge) */
}

@media (min-width: 451px) {
    .fasjs-filter-buttons-day,
    .fasjs-filter-buttons-clubs {
        padding-left: 1.8rem;
        padding-right: 1.8rem;
    }
}

@media (min-width: 601px) {
    .fasjs-filter-buttons-day,
    .fasjs-filter-buttons-clubs {
        padding-left: 3.3rem;
        padding-right: 3.3rem;
    }
}


@media (min-width: 1025px) {
    .fasjs-filter-buttons-day,
    .fasjs-filter-buttons-clubs {
        margin-bottom: 0;
        justify-content: center;
    }
}

.fasjs-filter-buttons-clubs .toggle-button {
    padding: 2px 25px;
}

.fasjs-filter-buttons-day .toggle-button {
    padding: 2px 25px;
    border-radius: 0;
    span {
        display: block;
    }
}