section{&.blog-listing-module{background-color:var(--color-white);width:100%;&.spacing-top{padding-top:80px;@media (min-width:768px){padding-top:100px}}&.spacing-bottom{padding-bottom:80px;@media (min-width:768px){padding-bottom:100px}}.blog-grid{display:grid;gap:2rem;grid-template-columns:1fr;@media (min-width:768px){grid-template-columns:repeat(2,1fr)}@media (min-width:1024px){grid-template-columns:repeat(3,1fr)}&.is-first-page>:first-child{@media (min-width:768px){grid-column:span 2;grid-row:span 2}}}.blog-filter{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;.filter-label{color:var(--color-blue-dark);font-size:var(--font-size-paragraph);font-weight:var(--font-bold)}.filter-tags{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0;.filter-tag{a{align-items:center;background-color:transparent;border:1px solid var(--color-blue-mid);border-radius:2rem;color:var(--color-blue-dark);display:inline-flex;font-size:var(--font-size-sm-paragraph);gap:.5rem;line-height:var(--line-height-sm-paragraph);padding:.5rem 1rem;text-decoration:none;transition:all .2s ease-in-out;&:hover{background-color:var(--color-blue-light)}.remove-filter{font-size:1.25rem;line-height:1}}&.is-active a{background-color:var(--color-blue-mid);border-color:var(--color-blue-mid);color:var(--color-white)}}}.clear-filter{color:var(--color-blue-mid);font-size:var(--font-size-sm-paragraph);text-decoration:underline;&:hover{color:var(--color-blue-dark)}}}.results-count{color:var(--color-blue-dark);font-size:var(--font-size-paragraph);margin-bottom:2rem}.blog-pagination{display:flex;justify-content:center;margin-top:3rem;.pagination-list{align-items:center;display:flex;gap:.5rem;list-style:none;margin:0;padding:0;.pagination-item{a{align-items:center;background-color:transparent;border:1px solid var(--color-blue-mid);border-radius:50%;color:var(--color-blue-dark);display:flex;font-size:var(--font-size-paragraph);height:2.5rem;justify-content:center;min-width:2.5rem;padding:.5rem;text-decoration:none;transition:all .2s ease-in-out;&:hover{background-color:var(--color-blue-light)}}&.is-active a{background-color:var(--color-blue-mid);border-color:var(--color-blue-mid);color:var(--color-white)}&.pagination-next a{border:none;color:var(--color-blue-mid);&:hover{background-color:transparent;color:var(--color-blue-dark)}}}}}}}