{% if colour is not defined %}
    {% set colour = model.COLOUR_PRIMARY %}
{% endif %}
{% if background_colour is not defined %}
    {% set background_colour = model.COLOUR_ACCENT %}
{% endif %}
{% if id is not defined %}
    {% set id = model.ID_BUTTON_HAMBURGER %}
{% endif %}

<div class="{{ model.FLAG_BUTTON }} {{ model.FLAG_ICON }} {{ model.FLAG_HAMBURGER }}"
    id="{{ id }}"
>
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"
        fill="{{ colour }}"
        class="{{ model.FLAG_BUTTON }} {{ model.FLAG_ICON }} {{ model.FLAG_HAMBURGER }}"
        style="background-color: {{ background_colour }};"
    >
        <!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.-->
        <path d="M0 96C0 78.3 14.3 64 32 64l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 128C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 288c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32L32 448c-17.7 0-32-14.3-32-32s14.3-32 32-32l384 0c17.7 0 32 14.3 32 32z"/>
    </svg>
</div>