.list-content{max-width:1200px;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;align-items:center;margin:auto;margin-bottom:2rem;& a{flex-shrink:0;display:block;width:100%;text-decoration:none;color:#fff;&:hover{color:#fff}@media(min-width:768px){width: 500px;}}& .preview{--preview-height:175px;--preview-padding:1rem;height:var(--preview-height);padding:var(--preview-padding);& .contentPreviewContainer{height:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}& #previewImage{grid-column:1/2;display:none;justify-self:center;@media(min-width:768px){display: block;}& svg{width:50px;height:100%;color:var(--color-svg)}& img{width:100%;height:auto;border-radius:var(--radius-sm)}}& #previewSection{grid-column:1/4;display:flex;flex-direction:column;justify-content:center;@media(min-width:768px){grid-column: 2 / 4;}}& p.title{font-size:1.15rem;font-weight:700;margin-top:0;display:flex;align-items:center;& svg{width:2rem;height:2rem;margin-right:1rem;display:inline-block}}& p.description{font-size:1rem;line-height:1.5rem;justify-self:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}& time{font-size:1rem;line-height:1.5rem}}}