.filter-container {
    font-size: 1rem; /*16px*/
    line-height: 1.375rem; /*22px*/
}

@media screen and (min-width: 600px) {
    .filter-container {
        font-size: 1.25rem; /*20x*/
        line-height: 1.75rem; /*28px*/
    }
}

.filter-items {
    overflow-x: auto;
    overflow-y: hidden;
    margin-bottom: -3px;
}

.filter-border {
    border-bottom: 1px solid #C3C3C3;

}

@media screen and (min-width: 600px) {
    .filter-border {
        border-bottom: 2px solid #C3C3C3;
    }
}

.filter-item {
    padding-bottom: 1.5rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    transition: 0.3s all;
    border-bottom: 4px solid transparent;
}

.filter-item.active {
    border-bottom: 4px solid #91D400;
}

    .filter-item button {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }