{% macro CTA(wrapCTA, ctaID, ctaHref, 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 ctaHref %} href="{{ctaHref}}" {% endif %}
         {% if ctaTarget %} target="{{ctaTarget}}" {% endif %}
         {% if dataParam == 'true' %} data-param {% endif %}
            class="btn
                {% if (hideCta == 'true') %} hidden {% endif %}
                {% if (ctaParam == 'true') %} param {% endif %}
                {% if ctaClass %} {{ ctaClass }} {% if bgColor == 'solidColor' %} {{ ctaClass }}--solid {% elif bgColor == 'gradient' %} {{ ctaClass }}--gradient {% endif %} {% 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#RIGHT_DOUBLE" />
                </svg>
            {% endif %}
        </a>
    {% if wrapCTA == 'true' %}    
        </div>
    {% endif %}
{% endmacro %}