@layer components{[name=PostArchive] .posts{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(18.75rem,1fr))}[name=PostArchive] .filter{--space-md: 1.5rem;display:flex;flex-wrap:wrap;gap:var(--space-md);list-style:none;padding:0;margin-block:0 3rem}[name=PostArchive] .pagination{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:space-between;margin-block-start:calc(var(--space-section) / 2)}[name=PostArchive] .pagination .button{margin-block-start:0}[name=PostArchive] .pagination .button-loadMore{margin-inline:auto}[name=PostArchive] .pagination .button-next{margin-inline-start:auto}[name=PostArchive] .pagination .button-next:after{block-size:.5rem;border-block-start:.125rem solid currentcolor;border-inline-end:.125rem solid currentcolor;content:"";display:inline-block;inline-size:.5rem;margin-block-end:.0625rem;margin-inline-start:.25rem;transform:rotate(45deg);vertical-align:baseline}[name=PostArchive] .pagination .button-previous:before{block-size:.5rem;border-block-start:.125rem solid currentcolor;border-inline-start:.125rem solid currentcolor;content:"";display:inline-block;inline-size:.5rem;margin-block-end:.0625rem;margin-inline-end:.25rem;transform:rotate(-45deg);vertical-align:baseline}}