Post meta - With series

<div class="mp c-post-meta ">
  <ul class="mp c-series">
    <li>
      <a href="/prototype/webinar" class="u-link u-link--red">Part 2 of 3</a>
    </li>
    <li>
      <a href="/prototype/webinar" class="mp c-twi u-link c-twi--left"><span>Watch part 1</span>
        <svg role="img" aria-hidden="true" focusable="false" class="mp c-icon c-icon--arrow-right">
          <use xlink:href="/static/svg/sprite.svg#arrow-right"></use>
        </svg>
      </a>
    </li>
    <li>
      <a href="/prototype/webinar" class="mp c-twi u-link c-twi--left"><span>Register for part 3</span>
        <svg role="img" aria-hidden="true" focusable="false" class="mp c-icon c-icon--arrow-right">
          <use xlink:href="/static/svg/sprite.svg#arrow-right"></use>
        </svg>
      </a>
    </li>
  </ul>
  <p>By Malvern Panalytical, Wednesday 6 January 2021</p>
</div>

{
  "content": "<p>By Malvern Panalytical, Wednesday 6 January 2021</p>",
  "series": [
    {
      "link": "/prototype/webinar",
      "label": "Part 2 of 3",
      "active": true
    },
    {
      "link": "/prototype/webinar",
      "label": "Watch part 1"
    },
    {
      "link": "/prototype/webinar",
      "label": "Register for part 3"
    }
  ]
}