.blog-filter-btn{display:inline-flex;align-items:center;gap:.625rem;padding:.625rem 1rem;border:1px solid var(--color-tint-25);border-radius:var(--radius-r4);background-color:var(--color-tint-5);color:var(--muted-foreground);font-size:.875rem;line-height:1;text-decoration:none;cursor:pointer;transition:color .15s ease,border-color .15s ease,background-color .15s ease}.blog-filter-btn:before{content:"";width:6px;height:6px;flex:none;background-color:var(--color-tint-25);transition:background-color .15s ease}.blog-filter-btn:hover{color:var(--foreground);background-color:var(--color-tint-10)}.blog-filter-btn.active{color:var(--foreground);border-color:var(--color-primary-500)}.blog-filter-btn.active:before{background-color:var(--color-primary-500)}.blog-post-item.hidden-by-filter{display:none}