.c-status {
  @include flex(flex-start center);
  text-decoration: none;
}

.c-status__indicator {
  display: block;
  width: 10px;
  height: 10px;
  margin-right: 15px;
  background-color: palette(neutral, 200);
  border-radius: 100%
}

.c-status__indicator[data-status=none] {
  background-color: palette(positive);
}

.c-status__indicator[data-status=minor] {
  background-color: palette(warning);
}

.c-status__indicator[data-status=major] {
  background-color: palette(alert);
}

.c-status__indicator[data-status=critical] {
  background-color: palette(negative);
}

.c-status__label {
  color: palette(text, 200);
}