.post-article{display:grid;grid-template-columns:1fr;gap:20px}.post-article .blog-item{width:100%;border:1px solid #444;border-radius:5px;box-shadow:0 3px 1px #444}.post-article .blog-item a{width:100%;height:100%;display:flex;flex-direction:column;gap:10px;padding:10px;border-radius:10px;transition:.3s}.post-article .blog-item:hover a{background:#f5f5f5}.post-article .blog-item .blog-item__image-wrapper{margin:0;display:flex;align-items:center}.post-article .blog-item .blog-item__image figure{width:100%;border-radius:5px;overflow:hidden}.post-article .blog-item .blog-contents{flex:1;height:100%;width:100%;position:relative;padding-bottom:40px}.post-article .blog-item .blog-contents .blog-item__title-holder{font-size:18px}.post-article .blog-item .blog-contents .blog-item__excerpt{word-break:break-all;margin:5px 0 0;color:#777}.post-article .blog-item .blog-contents .blog-item__tags{margin-top:5px}.post-article .blog-item .blog-contents .blog-item__button{display:flex;justify-content:flex-end;margin-top:10px;position:absolute;left:0;bottom:0;width:100%}.post-article .blog-item .blog-contents .blog-item__button span{display:inline-block;background:#444;border-radius:100px;color:#fff;padding:5px 15px 0;transition:.3s;font-size:12px}.post-article .blog-item:hover .blog-contents .blog-item__button span{background:#777}@media screen and (min-width:768px){.post-article{grid-template-columns:1fr 1fr}.post-article .blog-item a{flex-direction:row;gap:20px}.post-article .blog-item .blog-item__image figure{width:150px}}@media screen and (min-width:1260px){.post-article{grid-template-columns:1fr 1fr 1fr}.post-article .blog-item .blog-item__image figure{width:200px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/component-blog-list-item.css.map */