{% load static %}

<div class="col-12 col-sm-6 col-md-3">
    <a href="{% url card.get_link %}">
        <div class="info-box bg-main-1 mb-3">
            <span class="info-box-icon bg-main-2 elevation-1 color-main-1"><img src="{% static card.get_icon %}" alt=""></span>
            <div class="info-box-content text-white">
                <span class="info-box-text" title="Gastos Totais">{{ card.get_label }}</span>
                <span class="info-box-number">
                    <div class="row col-md pr-0">
                        <small class="text-break text-md col-md-7 p-0">{{ card.get_value }}</small>
                        {% if card.get_perc %}
                            <small class="text-break text-md text-right col-md-5 m-0 pr-0">{{ card.get_perc }}</small>
                        {% else %}
                            <small class="text-break text-md text-right col-md-5 m-0 pr-0">{{ card.get_cont }}</small>
                        {% endif %}
                    </div>
                </span>
            </div>
        </div>
    </a>
</div>