.cg-badge {
  display: inline-flex;
  align-items: center;
  min-height: 1.625rem;
  border-radius: var(--cg-radius-sm);
  padding: 0 var(--cg-space-2);
  font-size: 0.75rem;
  font-weight: var(--cg-font-weight-semibold);
  border: 1px solid var(--cg-color-border-strong);
  background: var(--cg-color-surface);
  color: var(--cg-color-ink-900);
}

.cg-badge--outlet {
  color: var(--cg-color-brand-700);
  background: var(--cg-color-brand-100);
  border-color: var(--cg-color-brand-600);
}

.cg-badge--sale {
  background: var(--cg-color-overlay-sale-soft);
  color: var(--cg-color-sale-dark);
  border-color: var(--cg-color-sale);
}

.cg-badge--warning {
  background: var(--cg-color-overlay-warning-soft);
  color: var(--cg-color-warning);
  border-color: var(--cg-color-warning);
}

.cg-badge--soldout,
.cg-badge--error {
  background: var(--cg-color-overlay-error-soft);
  color: var(--cg-color-error);
  border-color: var(--cg-color-error);
}

.cg-badge--success {
  background: var(--cg-color-overlay-success-soft);
  color: var(--cg-color-success);
  border-color: var(--cg-color-success);
}

.cg-badge--info {
  background: var(--cg-color-overlay-info-soft);
  color: var(--cg-color-info);
  border-color: var(--cg-color-info);
}