.post-list-item{width:100%;border:1px solid var(--border);border-radius:16px;background-color:var(--surface);height:auto;font-family:var(--font-inter);display:flex;flex-direction:column;& .post-list-item-image{width:100%;height:150px;border-radius:12px 12px 0 0;overflow:hidden;display:flex;position:relative;@media (max-width:767px){height:300px}& img{width:100%;position:absolute;top:0;right:0;left:0;bottom:0;margin:auto;transform:scale(1);transition:transform .3s ease;&:hover{transform:scale(1.05)}}}& .post-list-item-title{color:var(--white);font-size:20px;font-weight:800;line-height:120%;margin-bottom:16px}& .post-list-item-content{padding:12px 24px 24px;flex-grow:1;display:flex;flex-direction:column;& a{text-decoration:none;& :hover{color:var(--primary)}}& .post-list-item-tag{display:flex;gap:6px;margin-bottom:12px;& .post-list-item-tag-item{background-color:var(--primary-10-alt);color:var(--primary-alt);padding:4px;border-radius:9px;font-size:12px;font-weight:600}}& .post-list-item-description{color:var(--text-muted);font-size:14px;font-weight:400;line-height:140%;margin:5px 0}& .post-list-item-date{color:var(--text-muted);margin-top:auto;border-top:1px solid #e5e7eb;padding-top:12px}}}