@import "../../styles/common";

.badge {
  display: inline-block;
  border-radius: $border-radius-pill;
  line-height: 1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 1.6em;
  width: 1.6em;
}

.neutral {
  background: $near-white;
  border: 1px solid $black-10;
  color: $near-black;
}

.dark {
  background: $black-90;
  border: 1px solid $black-10;
  color: $white;
}

.success {
  background: $green;
  border: 1px solid $black-05;
  color: $white;
}

.danger {
  background: $dark-red;
  border: 1px solid $black-05;
  color: $white;
}