.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; }