Performance List Item

<tr class="performance-list--item row gx-3 border-2 border-bottom border-primary border-lg-none py-2 py-lg-0">
  <td class="performance-list--item-date-time col-12 col-lg-2 d-flex gap-3 justify-content-start justify-content-lg-center">
    <span class="fw-bold align-middle">{{ date_time|date("j M") }}</span>
    <span class="fw-bold align-middle">{{ date_time|date("H:i") }}</span>
  </td>
  {% if title is not empty or access_tags is not empty %}
  <td class="performance-list--item-title col-12 col-lg-7">
  {% else %}
  <td class="performance-list--item-title col-12 col-lg-7 d-none d-lg-block">
  {% endif %}
    {% if title is not empty %}
      {{ title }}
    {% elseif access_tags is not empty %}
      {% for tag in access_tags %}
        {% render "@performance-access-tag" with { label: tag.label, title: tag.title } %}
      {% endfor %}
    {% endif %}
  </td>
  <td class="performance-list--item-price col-8 col-md-10 col-lg-1 text-end">
    <span class="fw-bold align-middle">£{{ price|number_format(2) }}</span>
  </td>
  <td class="performance-list--item-actions col-4 col-md-2 text-center">
    {% if sold_out is not defined or not sold_out %}
      <a href="#" class="btn btn-primary align-middle">Tickets</a>
    {% else %}
      <span class="text-uppercase fs-6 d-inline-block align-middle">Sold out</span>
    {% endif %}
  </td>
</tr>