.blog-header{text-align:center;margin-bottom:50px}.blog-heading{font-size:36px;font-weight:500;letter-spacing:1px;text-transform:uppercase}.blog-grid-container{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-bottom:60px}.blog-grid-item{display:flex;flex-direction:column;align-items:center;text-align:center}.blog-image-circle{width:100%;position:relative;border-radius:50%;overflow:hidden;aspect-ratio:1/1;margin-bottom:20px;border:2px solid transparent;transition:transform .3s ease,border-color .3s ease}.blog-image-circle img{width:100%;height:100%;object-fit:cover;display:block}.blog-image-circle:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;box-shadow:inset 0 0 0 2px #7070ff4d;pointer-events:none}.blog-grid-item:hover .blog-image-circle{transform:translateY(-5px)}.blog-article-title{font-size:20px;margin:15px 0 10px;font-weight:500;line-height:1.3}.blog-article-excerpt{font-size:14px;line-height:1.6;margin-bottom:15px;color:#555}.blog-read-more{margin-top:auto;padding-top:10px}.blog-read-more-button{font-size:14px;font-weight:500;letter-spacing:1px;text-decoration:none;text-transform:uppercase;color:#333;transition:all .3s ease;display:inline-block;padding:8px 15px;border-radius:4px}.blog-read-more-button:hover{opacity:.9;transform:translateY(-2px)}.button-style-filled{background-color:#5d3e54;color:#fff;border:none;padding:10px 20px}.button-style-outline{background-color:transparent;border:1px solid currentColor;padding:9px 19px}.button-style-underlined{background-color:transparent;border:none;border-bottom:2px solid currentColor;border-radius:0;padding:5px 0}.button-style-pill{border-radius:50px;padding:10px 25px}.button-style-minimal{background-color:transparent;border:none;padding:5px 0}.button-style-minimal:hover{opacity:.7;transform:none}.blog-pagination{text-align:center;margin-top:30px;margin-bottom:60px}.blog-image-placeholder{background-color:#f5f5f5;display:flex;align-items:center;justify-content:center}.blog-image-placeholder svg{width:50%;height:50%;opacity:.3}@media screen and (max-width: 990px){.blog-grid-container{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 580px){.blog-grid-container{grid-template-columns:1fr;gap:40px}.blog-image-circle{max-width:80%;margin-left:auto;margin-right:auto}.blog-heading{font-size:28px}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/circular-blog.css.map */