.articles__filter{display:flex;gap:1rem;width:max-content}.filter-articles__item{padding:10px 20px;background-color:#e5e7eb;cursor:pointer;color:black;border-radius:8px;font-weight:500}.filter-articles__item:hover{cursor:pointer}.filter-articles__item.active,.filter-articles__item:hover{background:linear-gradient(90deg,#3B59A7,#172341);color:white}.filter-articles__item.active{font-weight:500;border-radius:8px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);border:none}.articles__list{display:flex;flex-wrap:wrap;gap:1rem}.article__image img{width:100%;height:auto;border-radius:10px}.article{width:calc(33% - 1rem);box-sizing:border-box}@media screen and (max-width:768px){.article{width:calc(50% - 1rem)}}@media screen and (max-width:480px){.article{width:100%}}