[data-design-library] .portfolio-filter { margin-bottom: 0; }
.whm-design-filters { display: flex; justify-content: center; flex-wrap: wrap; gap: 4px 24px; margin: 18px 0 0; }
.whm-design-filters[hidden] { display: none; }
.whm-design-filters button { border: 0; border-bottom: 1px solid transparent; padding: 10px 2px; min-height: 44px; min-width: 44px; background: transparent; color: var(--text-dark); font: inherit; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; transition: color .2s, border-color .2s; }
.whm-design-filters button:hover,
.whm-design-filters button[aria-pressed="true"] { color: var(--accent-color); border-bottom-color: currentColor; }
.whm-design-filters button:focus-visible { outline: 1px solid currentColor; outline-offset: 3px; }
.whm-design-count { text-align: center; color: var(--text-light); font-size: 13px; margin: 14px 0 32px; }
@media (max-width: 575px) { .whm-design-filters { gap: 2px 18px; } }