.blogs-content{flex-wrap:wrap}.blogs-content,.blogs-top{display:flex;justify-content:center}.blogs-top{margin:10px}.blogs-top__title{font-size:1.8rem;font-weight:700}.blog-pagination nav ul{display:flex;gap:10px;justify-content:center;list-style:none;margin:10px}.blog-pagination nav ul li{align-items:center;border:1px solid #dcdcdc;border-radius:16px;display:flex;height:35px;justify-content:center;width:35px}.blog-pagination nav ul li a{color:#2c2c2c;text-decoration:none;transition:color .3s,background-color .3s}.blog-pagination nav ul li:hover{background-color:#cecece5e;color:#fff}.blog-pagination nav ul li.active{background-color:#cecece;border-color:#dcdcdc;color:#fff;font-weight:700}.blog-container{background:var(--store-color-secondary);border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);display:flex;flex-direction:row;gap:16px;margin:10px;overflow:hidden;padding:16px;position:relative;transition:background .3s ease-in-out;width:460px}.blog-container:before{background:hsla(0,0%,100%,.3);clip-path:polygon(0 0,10% 0,50% 0,0 100%);content:"";height:100%;left:0;position:absolute;top:0;transition:all .5s ease-in-out;width:100%;z-index:0}.blog-container:hover:before{background:var(--store-color-secondary);clip-path:none}.blog-content{align-items:center;display:flex;flex:1;gap:16px;z-index:1}.blog-content__image{flex-shrink:0;height:100px;overflow:hidden;position:relative;width:100px}.blog-content__image,.blog-content__image img{border-radius:50%;-o-object-fit:cover;object-fit:cover}.blog-content__image img{height:100%;left:0;position:absolute;top:0;width:100%}.blog-content__text{align-items:end;flex:1}.blog-content__text .blog-title{color:var(--store-color-secondary-content);font-size:1.2rem;font-weight:700;margin:0 0 8px}.blog-content__text .blog-paragraph{display:-webkit-box;margin:0;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:4;color:var(--store-color-secondary-content);line-height:1.4}.blog-content__text .blog-footer{align-items:end;display:flex;justify-content:space-between;margin-top:8px}.blog-content__text .blog-footer__posting-date{color:var(--store-color-base-300);font-size:.8rem}.blog-content__text .blog-footer__read-more{color:var(--store-color-primary);font-size:.8rem}
/*# sourceMappingURL=blogs.css.map */