{% if SHARIFF|default(false) %}
    <hr />
    <!-- Shariff Button BEGIN -->
    <div class="shariff"
        {% if SHARIFF_BACKEND_URL %}
        data-backend-url="{{ SHARIFF_BACKEND_URL }}"
        {% endif %}
        {% if SHARIFF_LANG %}
        data-lang="{{ SHARIFF_LANG }}"
        {% endif %}
        {% if SHARIFF_ORIENTATION|default('vertical') %}
        data-orientation="{{ SHARIFF_ORIENTATION }}"
        {% endif %}
        {% if SHARIFF_SERVICES %}
        data-services = "{{ SHARIFF_SERVICES }}