.filter-button {
  font: inherit;
  font-size: var(--font-label);
  line-height: var(--line-title);
  padding: var(--space-inset-xs) var(--space-inset-sm);
  border: var(--border-width) solid var(--border-default);
  border-radius: var(--radius);
  color: var(--text-default);
  background: var(--surface-raised);
  white-space: nowrap;
  cursor: pointer;
}
.filter-button--on { border-color: var(--border-strong); font-weight: bold; }
.filter-button:focus-visible { outline: var(--border-width) solid var(--focus-ring); }