{% set i18n = mediaRelation.i18n is defined and mediaRelation.i18n ? mediaRelation.i18n : null %}

{% set link = i18n|i18nLink %}
{% set style = link.style ? link.style : 'btn btn-outline-warning' %}

<div class="file" data-aos="fade-right">
    <a href="{{ asset(desktop.path) }}"
       class="{{ style }}{% if 'btn' in style %} hbtn hb-fill-right{% endif %}"
       title="{{ desktop.attr.title|striptags }}"
       {% if downloadable %} download="{{ desktop.attr.title|striptags }}"{% endif %}>
        {% if not 'btn' in style %}
            <i class="{{ 'front'|fileIcon(extension) }} mr-2"></i>
        {% endif %}
        {% if i18n.targetLabel is defined and i18n.targetLabel|striptags|length > 0 %}
            {{ i18n.targetLabel|unescape|raw }}
        {% else %}
            {{ desktop.attr.title }}
        {% endif %}
        {% if 'btn' in style %}
            <i class="{{ 'front'|fileIcon(extension) }} ml-2"></i>
        {% endif %}
    </a>
</div>