{% block element_opener %}a{% endblock %}
{% block href %}href="{% if url %}{{ url }}{% else %}#{% endif %}"{% endblock %}
{% if type %}
type="{{ type }}"
{% endif %}
class="
flex items-center group rounded-full font-condensed uppercase font-semibold tracking-normal
hover:no-underline max-w-max
{% if not classes %}
bg-black text-white
{% else %}
{{ classes }}
{% endif %}
{% block size_classes %}
pl-8 pr-3 py-3
{% if show_arrow_on_hover %}
xl:pl-8 xl:pr-3
{% else %}
xl:px-8
{% endif %}
{% endblock %}
"
{% if id %}
id="{{ id }}"
{% endif %}
>
{{ text }}
{% if show_arrow_on_hover %}
{% include 'styleguide2/includes/atoms/icons/arrow.html' %}
{% endif %}
{% block element_closer %}a{% endblock %}>