{% if not mobile %}
<div class="hidden lg:block mb-4">
    {% include "templates/components/single/share-buttons-mobile.twig" %}
</div>
{% endif %}

<div class="grid grid-cols-2 items-center my-4 justify-between pb-4">

  
    <div class="relative flex items-center gap-2">
        {% for item in sources %}

        {% if item.type == "via" %}
        <a href="{{item.url}}" class="text-sm leading-tight font-semibold flex items-center gap-2">
            <span class="h-4 w-6 bg-green-500"></span>
            <span class="text-green-500 font-normal text-sm hover:underline">VIA</span>
        </a>
        {% endif %}

        {% if item.type == "fonte" %}
        <a href="{{item.url}}" class="text-sm leading-tight font-semibold flex items-center gap-2">
            <span class="h-4 w-6 bg-red-500"></span>
            <span class="text-red-500 font-normal text-sm hover:underline">FONTE</span>
        </a>
        {% endif %}

        {% endfor %}
    </div>


   
    <div class="relative flex items-center justify-end">
        {% if author.display_name %}
        <a href="{{author.url}}" class="text-sm leading-tight font-semibold flex items-center gap-2">
            <span class="h-4 w-6 bg-gray-200"></span>
            <span class="text-gray-800 font-normal text-sm hover:underline">{{author.display_name|raw}}</span>
        </a>
        {% endif %}
    </div>

</div>



