<div class=“paginiation”>

{% if paginator.previous_page %}
  <li>
    <a href="{{ paginator.previous_page_path | prepend: site.baseurl }}" class="pagi__icon prev" id="btnPrev">
      <svg width="40" height="40">
        <circle class="circle-progress" r="18" cy="20" cx="20"  stroke-linejoin="round" stroke-linecap="round" />
      </svg>
      <span class="pagi__icon_arrow"></span>
    </a>
  </li>
{% endif %}
{% if paginator.page_trail %}
  {% for trail in paginator.page_trail %}
    <li>
        <a href="{{ trail.path | prepend: site.baseurl }}" title="{{trail.title}}" class="pagi__link{% if page.url == trail.path %} active{% endif %}">{{ trail.num }}</a>
    </li>
  {% endfor %}
{% endif %}
{% if paginator.next_page %}
  <li>
    <a href="{{ paginator.next_page_path | prepend: site.baseurl }}" class="pagi__icon next" id="btnNext">
      <svg width="40" height="40">
        <circle class="circle-progress" r="18" cy="20" cx="20"  stroke-linejoin="round" stroke-linecap="round" />
      </svg>
      <span class="pagi__icon_arrow"></span>
    </a>
  </li>
{% endif %}

</div>