<{% 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 size %} {% if size == 'large' %} text-2xl {% elif size == 'huge' %} text-4xl {% endif %} {% endif %} {% 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 %}