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