.blog-preview-container{display:flex;flex-direction:column;padding:2rem;gap:1rem;position:relative;border:1px solid #ccc;border-radius:1rem;text-wrap:wrap}.blog-preview-container .blog-date{font-size:.8rem;color:#666;font-weight:400}.blog-preview-container .blog-tags{display:flex;gap:1rem;flex-wrap:wrap}.blog-preview-container .blog-tags .blog-tag{background-color:hsl(var(--muted));border-radius:var(--radius);padding:.5rem;font-size:.875rem;line-height:1.25rem}.blog-preview-container .blog-read-time{font-size:.8rem;color:#666}.blog-preview-container .blog-read-time-container{position:absolute;display:flex;gap:.5rem;top:1rem;right:1rem}.blog-preview-container .blog-img-container{position:relative;width:100%;height:200px;margin-top:1.25rem}.blog-preview-container .blog-img-container:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:50%;z-index:1;background:linear-gradient(0deg,hsl(var(--background)),rgba(0,0,0,0))}.blog-previews-container{display:grid;width:90%;margin:auto;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}@media (min-width:768px){.blog-previews-container{width:80%}}@media (min-width:1024px){.blog-previews-container{width:70%}}@media(min-width:768px){.blog-previews-container{gap:2.5rem}}