.tgbl-badge {
  --badge-color-text: var(--wp--preset--color--gray-700, #4d4c4d);
  --badge-color-bg: var(--wp--preset--color--gray-100, #f2f2f2);

  display: inline-flex;
  padding: 4px 12px;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.5;
  color: var(--badge-color-text);
  background-color: var(--badge-color-bg);
  border-radius: 1rem;
}

.tgbl-badge--magenta {
  --badge-color-text: var(--wp--preset--color--magenta-600, #9c106d);
  --badge-color-bg: var(--wp--preset--color--magenta-100, #ffe4f3);
}

.tgbl-badge--purple {
  --badge-color-text: var(--wp--preset--color--purple-600, #542a87);
  --badge-color-bg: var(--wp--preset--color--purple-100, #E0ddf8);
}