Call to action

<div class="call-to-action call-to-action--activity">
  <div class="title">
    <a aria-describedby="call-to-action-activity" href="#"> Activity</a>
    <svg viewBox="0 0 22 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M2 10.5a1.5 1.5 0 0 0 0 3v-3Zm19.06 2.56a1.5 1.5 0 0 0 0-2.12l-9.545-9.547a1.5 1.5 0 1 0-2.122 2.122L17.88 12l-8.486 8.485a1.5 1.5 0 1 0 2.122 2.122l9.546-9.546ZM2 13.5h18v-3H2v3Z" fill="currentColor"/></svg>
  </div>
  <p id="call-to-action-activity"> Things we do with our collaborators and co-designers </p>
</div>

{{ c("call-to-action", {
  "header": "Activity",
  "body": "Things we do with our collaborators and co-designers",
  "variantClass": "activity"
}) }}