.tag {
  display: block;
  line-height: var(--control-height-sm);
  font-size: var(--fs-small);
  font-weight: 500;
  background: var(--muted);
  border-radius: var(--control-border-radius);
  padding: 0 var(--gap-xs);
  text-decoration: none;
  color: var(--base-color);
}
.tag.active {
  background: var(--primary);
  color: var(--primary-inverse);
}

.tags {
  display: flex;
  column-gap: var(--gap-sm);
  row-gap: var(--gap-xs);
  flex-wrap: wrap;
  margin-bottom: var(--gap);
}