{% macro circle_number(number) %}
<svg xmlns="http://www.w3.org/2000/svg" class="svg-circle-icon" width="24" height="24" viewBox="0 0 100 100">
    <circle cx="50" cy="50" r="37" stroke="#005ea2" stroke-width="7" fill="none" />
    <text x="50%" y="50%" text-anchor="middle" font-size="40" font-weight="bolder" fill="#005ea2" font-family="Arial"
        dy=".35em">
        {{ number }}
    </text>
</svg>
{% endmacro %}