{% set languages = localized_links(document, app.request.locale) %}
{% if (languages|length) > 1 %}
<div class="flex items-center justify-end gap-5 md:gap-3">
{% for language in languages %}
<div class="text-black uppercase text-center {{
language.active
? 'opacity-100'
: 'opacity-75'
}}">
<a class="flex items-center space-x-1"
rel="alternate"
href="{{ language.link }}"
hreflang="{{ language.abbreviation }}"
title="{{ language.abbreviation }}"
lang="{{ language.abbreviation }}">
<div class="overflow-hidden rounded-full">
{# prettier-ignore #}
{% include 'icons/'~ language.abbreviation ~'.svg.twig' ignore missing with { class: "w-7 h-7 lg:w-5 lg:h-5" } %}
</div>
{# <div class="ml-4 text-sm font-bold text-white">
{{ language.abbreviation }}
</div> #}
</a>
</div>
{% endfor %}
</div>
{% endif %}