{{ style({ include: oViewConf.getVersionedModuleUrl("c4s_visual_cms_widgets", "out/src/css/c4s_icon.css") }) }}

<div class="row c4s-shortcode-{{ shortcode }} {{ class }}">
    <div class="col-12 c4s-icon-widget">
        <div class="card border-0">
            <div class="card-body">
                {% if url %}
                    <a class="text-decoration-none" href="{{ url }}" target="{{ urlTarget }}"{% if urlTarget == "_blank" %} rel="noopener"{% endif %}>
                {% endif %}
                    <div class="c4s-icon-box{% if position and position == "left" %} c4s-icon-box-left{% endif %}">
                        <div class="d-flex justify-content-center c4s-icon{% if circle %} c4s-circle{% endif %}"
                             {% if circle and circleBackground %}style="background-color:{{ circleBackground }}"{% endif %}
                        >
                            <div class="d-flex justify-content-center align-items-center h-100">
                                <i class="{{ icon }} fa-{{ iconSize|default('2') }}x" style="color:{{ color }};"></i>
                            </div>
                        </div>

                        <div class="c4s-icon-text">
                            {{ content|raw }}
                        </div>
                    </div>
                {% if url %}
                    </a>
                {% endif %}
            </div>
        </div>
    </div>
</div>