.meta-pills {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--space-8);
  padding: 0;
  list-style: none;
}

.meta-pill {
  padding: var(--space-8) var(--space-12);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-pill);
  background: var(--color-bg);
}

@media (width < 560px) {
  .meta-pills--stacked {
    flex-direction: column;
    align-items: center;
  }
}