.quick-links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  padding: 0.5rem 0;
}

.quick-links__item {
  padding: 0.25rem 0.6rem;
  border-radius: 999px;
  font-size: 0.8125rem;
  white-space: nowrap;
  border: 1px solid var(--color-border);
  text-decoration: none;
  color: var(--color-text);
}

a.quick-links__item:hover {
  background: var(--color-surface);
}

.quick-links__item--active {
  background: var(--color-nav-active, #009999);
  color: #fff;
  border-color: transparent;
  font-weight: 600;
}