.notification-badge {
  min-width: 16px;
  min-height: 8px;
  padding: 0 var(--sp-ultra-tight);
  background-color: var(--tc-surface-low);
  border-radius: var(--bo-radius);

  .text {
    color: white;
    text-align: center;
    font-weight: 700;
  }

  &--alert {
    background-color: var(--bg-danger);
  }

  &:empty {
    min-width: 8px;
    margin: 0 var(--sp-ultra-tight);
  }
}