// ============================================================================
// :: Badge
// ============================================================================
/**
 * Simple component to represent a number. Used for example in notifications and
 * in the show more component.
 */

// ============================================================================
// :: Root
// ============================================================================
.a-badge {
  display: inline-block;
  padding: 0 0.8rem;

  font-family: $font-family-sora;
  font-weight: $font-weight-bold;
  font-size: $font-size-1x-small;

  background-color: $primary-color-base;
  border-radius: 1.2rem;
  color: $text-color-white;
}