.blog-post-list-items{display:flex;gap:32px;flex-wrap:wrap}.blog-post-list-item{color:#000}.blog-post-list-item:hover{text-decoration:none}h3.blog-post-list-item-title{margin:8px 0 4px}.blog-post-list-item-published{font-size:.875rem;font-style:italic;color:#333}.blog-post-list-item-image img{height:100%;width:100%;object-fit:cover}button.fetch-more-btn{margin:40px auto 16px}.read-more{color:var(--lbs-link-color)}.blog-post-list-item:hover .cta-button{background:var(--lbs-button-primary-bg-hover)}.preview.cards .blog-post-list-item{display:flex;flex-direction:column;max-width:375px;width:100%;box-shadow:var(--lbs-box-shadow-1);border-radius:16px;overflow:hidden}.preview.cards .blog-post-list-item:hover{box-shadow:var(--lbs-box-shadow-2)}.preview.cards .blog-post-list-item-image{border-radius:16px 16px 0 0;overflow:hidden;height:300px}.preview.cards .blog-post-list-item-content{border-radius:0 0 16px 16px;padding:16px;flex:auto}.preview.cards .blog-post-list-item-footer{padding:0 16px 16px}@media(max-width: 1024px){.preview.cards .blog-post-list-item{max-width:100%}}.preview.rows .blog-post-list-items{flex-direction:column;gap:56px}.preview.rows .blog-post-list-item{width:100%;display:flex;gap:24px}.preview.rows .blog-post-list-item-image{width:400px;height:250px;max-width:40%;border-radius:10px;overflow:hidden}.preview.rows .blog-post-list-item:hover .blog-post-list-item-image{box-shadow:var(--lbs-box-shadow-1);transition:all .2s}.preview.rows .blog-post-list-item-content{flex:1}.preview.rows h3.blog-post-list-item-title{margin:0}.full.rows .blog-post-list-items{flex-direction:column;gap:40px;margin-bottom:24px}.full.rows .blog-post-list-item{width:100%;border-bottom:1px solid #ccc;padding-bottom:16px}.full.rows .blog-post-list-item-image img{max-height:500px;max-width:760px;margin-bottom:16px}.full.rows h3.blog-post-list-item-title{margin:0}@media screen and (max-width: 600px){.blog-post-list-items{flex-direction:column}.blog-post-list-item{width:initial}.rows .blog-post-list-item{flex-direction:column}.preview.rows .blog-post-list-item-image{max-width:100%}}/*# sourceMappingURL=BlogPostListViewComponent.min.css.map */