<div class="pagination">
  <p class="page-count">1 - 10件 / 12345件</p>
  <ul class="page-unit">
    <li class="page-unit__list active"><a href="#fakelink">10</a>｜</li>
    <li class="page-unit__list"><a href="#fakelink">50</a>｜</li>
    <li class="page-unit__list"><a href="#fakelink">100</a></li>
  </ul>
  <ul class="pagination__list">
    <li class="pagination__list-item previous disabled"><a href="#fakelink" class="icon-abui-arrow-left"></a></li>
    <li class="pagination__list-item active"><a href="#fakelink">1</a></li>
    <li class="pagination__list-item"><a href="#fakelink">2</a></li>
    <li class="pagination__list-item"><a href="#fakelink">3</a></li>
    <li class="pagination__list-item"><a href="#fakelink">4</a></li>
    <li class="pagination__list-item"><a href="#fakelink">5</a></li>
    <li class="pagination__list-item"><a href="#fakelink">6</a></li>
    <li class="pagination__list-item"><a href="#fakelink">7</a></li>
    <li class="pagination__list-item"><a href="#fakelink">8</a></li>
    <li class="pagination__list-item"><a href="#fakelink">9</a></li>
    <li class="pagination__list-item"><a href="#fakelink">10</a></li>
    <li class="pagination__list-item">...</li>
    <li class="pagination__list-item"><a href="#fakelink">49</a></li>
    <li class="pagination__list-item"><a href="#fakelink">50</a></li>
    <li class="pagination__list-item next"><a href="#fakelink" class="icon-abui-arrow-right"></a></li>
  </ul>
</div>