Call to action

<div class="call-to-action call-to-action--technique">
  <div class="title">
    <a aria-describedby="call-to-action-technique" href="#"> Technique</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-technique"> Things we do at a specific point in the design process </p>
</div>

{{ c("call-to-action", {
  "header": "Technique",
  "body": "Things we do at a specific point in the design process",
  "variantClass": "technique"
}) }}