.media-filter{margin:2.4rem 0;width:100%;overflow:auto;padding-bottom:1.6rem}
.media-filter__buttons{display:flex;gap:.8rem;width:100%;place-content:start;padding:0 1.6rem;}
.media-filter__buttons button{padding:.8rem}
.media-filter .button-category{min-width:200px;} 
.media-filter button.active{background-color: var(--primary-color)!important;color: #fff;border-color:var(--primary-color)!important}

@media(min-width:992px){
    .media-filter__buttons{padding:0 3.2rem}
}

@media(min-width:1280px){
    .media-filter__buttons{padding:0 6.4rem}
}

@media(min-width:1920px){
    .media-filter__buttons{place-content:center}
}