.item-recommended::after {
  content: "Recommended";
  background-color: #ffb606;
  color: #fff;
  font-weight:400;
  border-radius:3px;
  padding:3px 10px 4px 10px;
  margin:10px;
}

.item-optional::after {
  content: "Optional";
  background-color: #cccccc;
  color: #fff;
  font-weight:400;
  border-radius:3px;
  padding:3px 10px 4px 10px;
  margin:10px;
}