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

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

  
    <div class="relative flex items-center">
        {% if fonte.url %}
        <a href="{{fonte.url}}" class="text-sm leading-tight font-semibold flex items-center gap-2">
            <span class="h-4 w-6 bg-red-800"></span>
            <span class="text-red-800 font-normal text-sm hover:underline">FONTE</span>
        </a>
        {% endif %}
    </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>



