.chips {
  background-color: #ececec;
  color: #585858;
  border-radius: 20px;
  display: inline-block;
  padding: 0.2em 0.7em 0.4em;
  margin-right: 0.2em;
}
.chips.yellow {
  background-color: #f3e7bd;
  color: #816104;
}
.chips.orange {
  background-color: #ecd0ba;
  color: #855b0c;
}
.chips.red {
  background-color: #ecc1c7;
  color: #7c0a0a;
}
.chips.blue {
  background-color: #d1e5ef;
  color: #435d79;
}
.chips.purple {
  background-color: #e0d3e2;
  color: #724379;
}
.chips.green {
  background-color: #cdecc1;
  color: #547507;
}