.badge {
  border-radius: var(--Corner-radius-xl);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--Space-x025);
}

.primary {
  background-color: var(--Surface-Brand-Primary-2-Default);
  color: var(--Text-Inverted);
}

.green {
  background-color: var(--Surface-Feedback-Succes);
  color: var(--Text-Feedback-Succes-Accent);
}

._36 {
  width: 36px;
  height: 36px;
}

._32 {
  width: 32px;
  height: 32px;
}

._28 {
  width: 28px;
  height: 28px;
}

._24 {
  width: 24px;
  height: 24px;
}

._20 {
  width: 20px;
  height: 20px;
}