.custom-metafields {
  margin: 1rem 0;
}

.custom-metafields__wrapper {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.custom-metafields__header {
  margin: 0 0 .8rem;
}

.custom-metafields__item {
  background: rgb(var(--color-accent-1));
  border-radius: var(--border-radius-base);
  box-shadow: 0 0 0 .2rem rgb(var(--color-accent-1));
  color: var(--color-base-white);
  font-weight: var(--font-bolder-weight);
  padding: .5rem 1.5rem;
  margin: 0 .5rem .8rem 0;
}