{% load nhsukfrontend_extra_parameters_tags %}

{% if internal_page %}
<a class="nhsuk-action-link{% if care_card_type == 'emergency' %} nhsuk-action-link--reverse{% endif %}" href="{{ internal_page.url }}">
{% else %}
<a class="nhsuk-action-link{% if care_card_type == 'emergency' %} nhsuk-action-link--reverse{% endif %}" href="{{ external_url }}" {% if new_window %}target="_blank" rel="noopener noreferrer" {% endif %}>
{% endif %}
  <svg class="nhsuk-icon nhsuk-icon--arrow-right-circle" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" focusable="false" aria-hidden="true">
    <path d="M12 2a10 10 0 0 0-10 9h11.7l-4-4a1 1 0 0 1 1.5-1.4l5.6 5.7a1 1 0 0 1 0 1.4l-5.6 5.7a1 1 0 0 1-1.5 0 1 1 0 0 1 0-1.4l4-4H2A10 10 0 1 0 12 2z"/>
  </svg>
  <span class="nhsuk-action-link__text" {% add_extra_parameters "text" %}>{{ text }}</span>
</a>