{% macro CTA(wrapCTA, ctaID, ctaLink, ctaTarget, dataParam,ctaParam, ctaText, ctaClass, hasIcon = 'false', hideCta, hasGradient) %}
    {% if wrapCTA == 'true' %}
        <div class="cta-wrap">
    {% endif %}
        <a 
         {% if ctaID %} id="{{ctaID}}" {% endif %}
         {% if ctaLink %} href="{{ctaLink}}" {% endif %}
         {% if ctaTarget == 'same_page' %} target="_self" {% else %} target="_blank" {% endif %}
         {% if dataParam == 'true' %} data-param {% endif %}
            class="btn
                {% if hasGradient == 'true' %} btn--gradient {% endif %}
                {% if hideCta == 'true' %} hide {% endif %}
                {% if ctaParam == 'true' %} param {% endif %}
                {% if ctaClass and ctaClass != '' %}  {{ctaClass}} {% endif %}
                {% if dataParam == 'true' or ctaParam == 'true'  %} cta {% endif %}
                "
            role="button">{{ctaText}}
            {% if hasIcon == 'true'  %}
                <svg class="icon icon--cta">
                    <use xlink:href="svg/sprite.svg?rel={{timestamp}}#RIGHT_DOUBLE" />
                </svg>
            {% endif %}
        </a>
    {% if wrapCTA == 'true' %}    
        </div>
    {% endif %}
{% endmacro %}