.blog-card{justify-content:space-between;gap:24px;align-items:center;.image-cover{aspect-ratio:116/53;max-width:696px;border-radius:16px;width:100%;margin:0;img{width:100%}}.text-content{max-width:676px;width:100%;.blog-header{row-gap:10px}.name-date-cover,.view-more-btn{.date-cover{display:flex;gap:6px;align-items:center;.icon{width:16px}.text{line-height:16px;font-size:12px}}}.tags-cover{.blog-chip{border:1px solid var(--primary);color:var(--primary);padding:6px 8px;font-size:12px;line-height:16px;&:hover{background-color:var(--primary);color:var(--white)}}.category-btn{padding:4px 8px;line-height:16px;font-size:12px;border:none;color:var(--primary);background-color:#2482ed1a;cursor:default}}.title{line-height:32px;font-size:24px;font-weight:700;color:var(--text-primary);-webkit-line-clamp:2}.description,.title{display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden}.description{-webkit-line-clamp:3;line-height:1.6em}}}@media screen and (max-width:767px){.blog-card{flex-direction:column-reverse;border:1px solid var(--border);border-radius:24px;overflow:hidden;display:flex}.blog-card .image-cover{order:2}.blog-card .text-content{order:1;padding:16px}}