{% if article != blank %}
    {%- assign url = article.url -%}
    {%- assign img = article.image -%}
    {%- assign tag = article.tags[0] -%}
    {%- assign title = article.title -%}
    {%- assign excerpt = article.excerpt -%}

    {% if tag == 'Featured' %}
        {%- assign tag = article.tags[1] -%}
        {% if show_featured != blank %}
            {%- assign tag = article.tags[0] | append: '<span class="dot"></span>' | append: blog.title -%}
        {% endif %}
    {% endif %}
{% endif %}

<div class="article-card">
    <a href="{{ url }}" class="block">
        <div class="article-image mb-25 d-mb-30">
            {%- assign add_class = '' -%}
            {% if image_rounded != blank %}
                {%- assign add_class = 'rounded-15' -%}
            {% endif %}

            {% render 'global-image-wrapper',
                image: img,
                image_alt: title,
                additional_class: add_class
            %}
        </div>
        <div class="article-text {{ text_class }}">
            {% if use_tag != blank %}
                <p class="article-tag p5 bold-500 mb-10{% if show_featured != blank %} flex ai-center colgap-10{% endif %}">{{ tag }}</p>
            {% endif %}
            <h6 class="h7">{{ title }}</h6>
            {% comment %} {% if excerpt != blank %}
                <div class="article-excerpt rte p2 mt-10">{{ excerpt }}</div>
            {% endif %} {% endcomment %}
        </div>
    </a>
</div>