.blog-post-filter{display:flex;flex-wrap:wrap;gap:8px;margin:-8px 0 32px}.blog-post-filter button{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid color-mix(in srgb,var(--category-color) 24%,transparent);border-radius:999px;background:transparent;color:var(--ink-primary);cursor:pointer}.blog-post-filter button:hover{background:color-mix(in srgb,var(--category-color) 8%,transparent)}.blog-post-filter button[aria-pressed=true]{border-color:color-mix(in srgb,var(--category-color) 40%,transparent);background:color-mix(in srgb,var(--category-color) 14%,transparent);color:color-mix(in srgb,var(--category-color) 80%,black)}.blog-post-filter-count{color:var(--ink-secondary);font-variant-numeric:tabular-nums}@media (max-width:760px){.blog-post-filter{gap:6px;margin-bottom:28px}}