.blog-filter-wrapper{width:100%}.filter-wrapper{display:flex;justify-content:space-between}.blog-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:25px}.filter-btn{background:transparent;border:2px solid #886cc6;border-radius:50px;color:#886cc6;cursor:pointer;font-size:1rem;padding:8px 2rem;transition:.3s}.filter-btn.active{background:#886cc6;color:#fff}.blog-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));padding:2rem 0}.blog-card{align-items:center;background:#fff;box-shadow:0 6px 18px rgba(0,0,0,.1);display:flex;height:250px;overflow:hidden;transition:.3s}.blog-card:hover{transform:translateY(-4px)}.blog-img{height:200px;object-fit:cover;width:100%}.blog-content{display:flex;flex-direction:column;gap:.3rem;padding:20px}.blog-content p{font-weight:500;margin:0}.blog-author{color:#777;font-size:13px}.blog-title{color:#333;font-size:1.3rem;margin:10px 0 12px}.read-more{background:#886cc6;border-radius:50px;color:#fff;display:inline-block;font-size:1rem;margin-top:10px;padding:.9rem;text-align:center;text-decoration:none;width:150px}@media(max-width:768px){.filter-wrapper{flex-direction:column;gap:1rem;text-align:center}.blog-filter-wrapper{padding:0 1rem}}