.post-preview{border:1px solid var(--white-10);padding:15px;border-radius:8px;background-color:var(--white-5);color:var(--white-70);& .post-preview-date{font-size:12px;font-weight:500;color:var(--white-40);margin-bottom:16px}& .post-preview-image{border-radius:12px;width:100%;height:250px;margin-bottom:16px;display:flex;position:relative;overflow:hidden;& img{width:100%;margin:auto;position:absolute;top:0;bottom:0;left:0;right:0}}& h1{font-size:32px;font-weight:600;line-height:120%;margin-bottom:16px;font-family:var(--font-dm-sans);color:var(--white)}& h2{font-size:20px}& h2,& h3{font-weight:400;line-height:120%;margin-bottom:16px;font-family:var(--font-dm-sans);color:var(--white)}& h3{font-size:18px}& p{margin-bottom:15px;font-size:16px;line-height:120%}& ol{list-style:decimal}& ol,& ul{padding-left:20px}& ul{list-style:disc}}