/* ONSITE PORTAL */
/* Reminder to first check in before printing */
.name-badge-data > span:after {
   content: "(Only print once 1) Checked in and 2) No amount outstanding)";
   color: red;
}
 /* Hide stats */
a#PrintStatsLink {
 display: none;
}

/* Sponsor rank class*/
/* Improve spacing and font size */
rankHeading {
  display: inline-block;
  padding: 8px 14px;
  margin: 8px 0 6px -16px;
  font-size: 0.75em;
  line-height: 1.2;
  font-weight: 600;
  white-space: normal;
  border-radius: 0 6px 6px 0;
  max-width: 140px;
}
<!-- Catering Indicators -->
<<If [L1_Catering] = "Yes">>

  <div style="margin-top: 10px;">

    <!-- L1 (25 Feb) -->
    <<If [L1_Catering_Date] LIKE "%25%">>
      <span style="
        display: inline-block;
        width: 18px;
        height: 18px;
        background-color: #e74c3c;
        border-radius: 50%;
        margin-right: 5px;
      "></span>
      <span style="font-size: 10pt; margin-right: 10px;">L1</span>
    <<EndIf>>

    <!-- L2 (26 Feb) -->
    <<If [L1_Catering_Date] LIKE "%26%">>
      <span style="
        display: inline-block;
        width: 18px;
        height: 18px;
        background-color: #3498db;
        border-radius: 50%;
        margin-right: 5px;
      "></span>
      <span style="font-size: 10pt; margin-right: 10px;">L2</span>
    <<EndIf>>

    <!-- L3 (27 Feb) -->
    <<If [L1_Catering_Date] LIKE "%27%">>
      <span style="
        display: inline-block;
        width: 18px;
        height: 18px;
        background-color: #2ecc71;
        border-radius: 50%;
        margin-right: 5px;
      "></span>
      <span style="font-size: 10pt;">L3</span>
    <<EndIf>>

  </div>

<<EndIf>>