/* BADGE BLOCK */

.badge {
  display: inline-flex;
  border-radius: var(--badge-border-radius, var(--rounded-full));
  align-items: center;
  justify-content: center;
  padding: var(--badge-padding);
  background: var(--badge-primary-background, var(--color-grey-800));
  color: var(--badge-primary-color, var(--color-white));
  font-size: var(--badge-font-size, var(--text-md));
  font-weight: var(--badge-font-weight, 700);
  min-width: var(--badge-min-width, var(--space-24));
  height: var(--badge-height, var(--space-24));
}
