<a href="#" class="btn btn-primary maroon" role="button">
    <span class="button_text">Button Text</span>
    <span class="arrow fal fa-chevron-right"></span>
</a>
<a href="{{ url }}" class="btn btn-primary {{ color }}" role="button">
  <span class="button_text">{{ text|raw }}</span>
  <span class="arrow fal fa-chevron-right"></span>
</a>
{
  "text": "Button Text",
  "url": "#",
  "color": "maroon"
}

Button as the HTML ‘a’ element.