.code-legend {
  font-family: "Typold W05", sans-serif;
  padding: 15px 20px;
}

.code-legend__list {
  display: block;
  list-style: none;
  margin-bottom: 1rem;
}
@media (min-width: 62em) {
  .code-legend__list {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between;
    margin-bottom: 1rem;
    padding-left: 0;
  }
}

.code-legend__item {
  font-size: 0.85rem;
  margin-top: 0 !important;
  padding: 10px;
}
.code-legend__item::before {
  content: "" !important;
}

.code-legend__code {
  padding: 5px 10px;
}

.code-legend__code--red {
  background-color: #ca3604;
  color: white;
}

.code-legend__code--yellow {
  background-color: #ff0;
}

.code-legend__code--green {
  background-color: #72a300;
  color: white;
}