.d-badge {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: var(--radius-06);
  background: #ff4d4f;
  color: var(--text-on-color-color);
}
.d-badge--count {
  padding: 0 var(--spacing-02);
}
.d-badge--large:not(.d-badge--dot) {
  min-width: 18px;
}
.d-badge--small:not(.d-badge--dot) {
  min-width: 16px;
  height: 16px;
}
.d-badge--dot {
  width: 6px;
  height: 6px;
  border-radius: 100px;
}