.blog-preview-container{border-radius:12px;box-sizing:border-box;position:relative;background-size:322px 322px;display:flex;flex-direction:column;justify-content:flex-end;padding:18px 24px;cursor:pointer;gap:2px}.blog-preview-subtitle{font-style:normal;font-size:12px;font-weight:400;line-height:21px;color:#fff}.blog-preview-title{font-size:14px;font-weight:600;line-height:22px;color:#fff}.blog-preview-state{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:12px}.blog-preview-date{font-size:10px;font-weight:400;line-height:18px;color:#fff}.blog-preview-backdrop{position:absolute;top:50%;bottom:0;left:0;width:100%;border-radius:0 0 1rem 1rem}