.keyword-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin-top: 1rem;
}

.keyword {
  display: inline-block;
  padding: 0.15em 0.55em;
  font-family: var(--font-sans);
  font-size: var(--text-x-small);
  line-height: 1.5;
  color: var(--color-ink-dark);
  background: var(--color-ink-lightest);
  border: 1px solid var(--color-ink-lighter);
  border-radius: 0.25rem;
  text-transform: lowercase;
  letter-spacing: 0.02em;
  text-decoration: none;
}

.keyword__name--highlight {
  color: var(--color-primary);
}

a.keyword:hover {
  border-color: var(--color-ink-dark);
}