<ul class="c-pagination ">
<a href="" class="c-pagination__button c-pagination__button--prev">
<div class="c-icon c-pagination__icon c-pagination__icon--prev">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path d="M5.8,13.5l9.5,9.4c0.4,0.4,1,0.7,1.6,0.7c0.6,0,1.1-0.2,1.5-0.7c0.9-0.9,0.9-2.3,0-3.1l-7.9-7.9L18.4,4 c0.9-0.9,0.9-2.3,0-3.1c-0.4-0.4-1-0.7-1.6-0.6c-0.6,0-1.2,0.2-1.6,0.6l-9.5,9.5C5.3,10.8,5,11.4,5,12C5.1,12.5,5.4,13.1,5.8,13.5z" />
</svg>
</div>
</a>
<li class="c-pagination__item ">
<a class="c-pagination__link" href="/">1</a>
</li>
<li class="c-pagination__item ">
<a class="c-pagination__link" href="/">2</a>
</li>
<li class="c-pagination__item is-active">
<a class="c-pagination__link" href="/">3</a>
</li>
<li class="c-pagination__item ">
<a class="c-pagination__link" href="/">4</a>
</li>
<li class="c-pagination__item ">
<a class="c-pagination__link" href="/">5</a>
</li>
<a href="" class="c-pagination__button c-pagination__button--prev">
<div class="c-icon c-pagination__icon c-pagination__icon--next">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path d="M18.3,10.4L8.8,1c-0.4-0.4-1-0.7-1.6-0.7S6.1,0.5,5.7,1c-0.9,0.9-0.9,2.3,0,3.1l7.9,7.9l-7.9,7.9c-0.9,0.9-0.9,2.3,0,3.1c0.4,0.4,1,0.7,1.6,0.6c0.6,0,1.2-0.2,1.6-0.6l9.5-9.5c0.4-0.4,0.7-1,0.7-1.6C19,11.4,18.7,10.8,18.3,10.4z" />
</svg>
</div>
</a>
</ul>
