.blog-main{max-width:1180px;margin:48px auto 100px}.blog-header{display:flex;justify-content:space-between}.categories{display:flex;flex-wrap:wrap;justify-content:flex-end;max-width:688px;gap:8px}.categories button{padding:8px 24px;border-radius:50px;background:var(--white);margin:2px 0}.categories button.active{outline:1px solid var(--black)}.articles{display:flex;flex-wrap:wrap;gap:20px;margin-top:60px}.article-wrapper{width:calc(33% - 10px);position:relative;z-index:1}.article{height:100%;background:var(--grey);border-radius:25px;padding:20px 20px 40px;display:flex;flex-direction:column;gap:20px}.article-footer{position:absolute;bottom:-18px;left:0;display:flex;justify-content:space-between;z-index:99;width:100%;padding:0 21px}.article-footer-span{width:36px;height:36px;border-radius:50%;opacity:1;background:var(--white)}.article-img{border-radius:25px;width:340px;height:260px;object-fit:cover}h3 a{color:var(--black)}@media (max-width:1439px){.blog-main{max-width:768px;margin:40px auto 80px;padding:0 20px}.blog-header{flex-wrap:wrap;gap:32px}.categories{justify-content:flex-start;max-width:728px;flex-wrap:nowrap;gap:8px;overflow-x:auto}.article-wrapper{width:calc(50% - 10px)}}@media (max-width:767px){.categories{max-width:350px}.article-wrapper{min-width:253px}.article-img{width:237px;height:180px}.articles{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden}.article{padding:8px 8px 40px;gap:16px}.article-footer .article-footer-span:last-child{display:none}}