.blog-article{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #1717171a}.blog-article__image-wrapper{display:flex;height:200px}@media screen and (max-width:768px){.blog-article__image-wrapper{height:150px}}.blog-article__image{border-top-left-radius:8px;border-top-right-radius:8px;-o-object-fit:cover;object-fit:cover;width:100%}.blog-article__inner{padding:20px}.blog-article__category{border:1px solid #e0e0e0;border-radius:4px;color:#888c8f;display:inline-block;font-size:12px;line-height:16px;padding:6px 10px}.blog-article__text{color:#333a40;font-size:20px;font-weight:500;height:72px;line-height:24px;margin-bottom:10px;margin-top:12px}@supports (-webkit-line-clamp:3){.blog-article__text{display:-webkit-box;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical}}@media screen and (max-width:768px){.blog-article__text{font-size:18px;height:60px;line-height:20px}}.blog-article__icon{margin-right:4px}.blog-article__date{align-items:center;color:#888c8f;display:flex;font-size:14px;line-height:20px}.blog-article__bottom{justify-content:space-between}.blog-article__author,.blog-article__bottom{align-items:center;display:flex}.blog-article__author-image{border-radius:50%;height:40px;-o-object-fit:cover;object-fit:cover;width:40px}