.section-posts{margin:6.4rem 0}@media screen and (min-width:1024px){.section-posts{margin:8rem 0}}blog-posts .categories{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;margin:-.6rem}@media screen and (min-width:1024px){blog-posts .categories{justify-content:flex-start}}blog-posts .categories button{display:flex;align-content:center;justify-content:center;font-size:1.4rem;font-weight:600;line-height:1.8rem;text-align:center;color:var(--black);text-transform:uppercase;background-color:var(--white);border:1px solid var(--grey-400);padding:1.3rem 2rem;margin:.6rem;cursor:pointer;transition:color .2s ease,background-color .2s ease,border-color .2s ease}blog-posts .categories button:hover,blog-posts .categories button.active{background-color:var(--blue-400);border-color:var(--blue-400);color:var(--white)}blog-posts .categories button svg{display:none;height:1.4rem;width:auto;flex-shrink:0;margin-left:1.2rem}blog-posts .categories button.active svg{display:block}blog-posts .posts-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:2.4rem .7rem;margin-top:5.6rem}@media screen and (min-width:350px){blog-posts .posts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (min-width:768px){blog-posts .posts-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:3.2rem 1.4rem}}@media screen and (min-width:1024px){blog-posts .posts-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4.8rem 2.4rem}}blog-posts .pagination{display:flex;align-items:center;justify-content:center;margin-top:5.6rem}@media screen and (min-width:1024px){blog-posts .pagination{margin-top:7.2rem}}blog-posts .pagination .pagination-item{font-size:1.6rem;font-weight:700;line-height:2.4rem;color:var(--black);text-decoration:none;transition:color .2s ease}blog-posts .pagination .pagination-item:not(.prev)+.pagination-item:not(.next){margin-left:3.2rem}blog-posts .pagination .pagination-item:hover,blog-posts .pagination .pagination-item.current{color:var(--yellow-400)}blog-posts .pagination .pagination-item.prev{margin-right:3.6rem;transform:scale(-1)}blog-posts .pagination .pagination-item.next{margin-left:3.6rem}blog-posts .pagination .pagination-item.prev,blog-posts .pagination .pagination-item.next{flex-shrink:0;width:3.6rem;height:3.6rem;background-color:var(--yellow-400);display:flex;align-items:center;justify-content:center;border-radius:100%}blog-posts .pagination .pagination-item.prev svg,blog-posts .pagination .pagination-item.next svg{width:auto;height:1.8rem;flex-shrink:0}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-posts.css.map */