.status {
  display: flex;
  flex-wrap: wrap
}
.status__item {
  padding: 4px 6px;
  border-radius: .5rem;
  font-size: 1.1rem;
  font-weight: 500;
  background-color: rgba(111,111,113,.1);
  color: #6f6f71;
  margin-bottom: .7rem
}
.status__item:not(:last-child) {
  margin-right: .7rem
}
.status__item_yellow {
  background-color: rgba(206,149,63,.1);
  color: #ce953f
}
.status__item_blue {
  background-color: rgba(17,66,116,.1);
  color: #114274
}
.status__item_primary {
  background-color: rgba(30,93,157,.1);
  color: #1e5d9d
}
.status__item_primary-dark {
  background-color: rgba(30,93,157,.1);
  color: #114274
}
.status__item_primary_light {
  background-color: rgba(0,111,223,.1);
  color: #006fdf
}
.status__item_green {
  background-color: rgba(18,101,86,.1);
  color: #126556
}
.status__item_red {
  background-color: rgba(255, 225, 231, 1);
  color: #D9012A
}
.status__item_light_green {
  background-color: rgba(4,198,105,.1);
  color: #04c669
}
.status__item_red {
  background-color: rgba(215,54,84,.1);
  color: #d73654
}
.status__item_dark {
  background-color: rgba(57,77,85,.1);
  color: #394d55
}
@media (max-width:48em) {
  .status__item {
    padding: .6rem 1.1rem;
    border-radius: 1rem;
    font-size: 2rem;
    margin-bottom: .4rem
  }
  .status__item:not(:last-child) {
    margin-right: .4rem
  }
}