{% macro CTA(wrapCTA, isFixed = 'false', ctaID, ctaLink, ctaTarget, dataParam,ctaParam, ctaText, ctaClass, hasIcon = 'false', iconID, iconModifierClass, hideCta, addParamName) %}
    {% if wrapCTA == 'true' %}
        <div class="cta-wrap">
    {% elif isFixed == 'true' %}
        <div id="fixedCTA" class="fixedCTA">
    {% endif %}
        <a 
         {% if ctaID %} id="{{ctaID}}" {% endif %}
         {% if ctaLink %} href="{{ctaLink}}" {% endif %}
         {% if ctaTarget %} target="{{ctaTarget}}" {% endif %}
         {% if dataParam == 'true' %} data-param {% endif %}
         {% if addParamName %} data-{{addParamName}} {% endif %}
            class="btn
                {% if (hideCta == 'true') %} invisible {% endif %}
                {% if (ctaParam == 'true') %} param {% endif %}
                {% if ctaClass %} {{ctaClass}} {% endif %}
                {% if (dataParam == 'true' or ctaParam == 'true')  %} cta {% endif %}
                "
            role="button">
            {% if hasIcon == 'true' %}
            <svg class="icon {% if iconModifierClass != '' %} icon--{{iconModifierClass}} {% endif %}">
                <use xlink:href="svg/sprite.svg?rel={{timestamp}}#{{iconID}}" />
            </svg>
            {% endif %} {{ctaText}}
          
        </a>
    {% if wrapCTA == 'true' or isFixed == 'true' %}    
        </div>
    {% endif %}
{% endmacro %}