.os-pill-labels {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: var(--space-xs);
  width: 100%;
  max-width: 59rem;
  margin: 0 !important;
  padding: 0;
  list-style: none;
}

.os-pill-labels .os-pill-labels__item {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  min-height: 5rem;
  margin: 0 !important;
  padding: var(--space-xs) 3rem;
  border-radius: var(--radius-m);
  background-color: var(--base-semi-dark);
  color: var(--white);
  font-size: var(--text-s);
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  white-space: nowrap;
}

.os-pill-labels--pink .os-pill-labels__item {
  background-color: var(--primary);
  color: var(--white);
}

.editor-styles-wrapper .block-editor-block-list__block.wp-block-custom-blocks-pill-labels {
  margin-block: 0 !important;
}

@media (max-width: 767px) {
  .os-pill-labels {
    gap: var(--space-xs);
  }

  .os-pill-labels .os-pill-labels__item {
    min-height: 4.8rem;
    padding-inline: 2.4rem;
  }
}