<div class="page_selection">

        <div>

          <span class="previous"><img src="images/icons/arrow_left_blue.svg">Предыдущая</span>
          <span class="number current">1</span>
          <span class="number">2</span>
          <span class="number">3</span>
          <span class="number">4</span>
          <span class="number">5</span>
          <span class="number">6</span>
          <span class="number">7</span>
          <span class="number">8</span>
          <span class="number">9</span>
          <span class="number">10</span>
          <span class="number other_numbers">...</span>
          <span class="number">93</span>
          <span class="next">Следующая<img src="images/icons/arrow_right_blue.svg"></span>

        </div>

      </div>

div.page_selection{

  font-family: 'roboto';
  font-size: 12px;
  line-height: 1.83;
  text-align: center;
  color: #2766af;
  margin-top: 30px;
  height: 38px;

}

div.page_selection>div{

  display: inline-block;

}

div.page_selection span{

  min-width: 38px;
  height: 38px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.03);
  border: solid 1px #e9e9e9;
  background-color: #ffffff;
  box-sizing: border-box;
  display: inline-block;
  cursor: pointer;
  float: left;
  line-height: 38px;

}

div.page_selection span:hover {
  border: 1px solid #0000B7;
}

div.page_selection span.current{

  background-color: #F0F0FF;
  border: 1px solid #0000B7;

}

div.page_selection span:nth-of-type(1),
div.page_selection span:last-child
{

  border-radius: 3px;
  width: 115px;
  border-right: solid 1px #e9e9e9;

}

div.page_selection span:nth-of-type(1){

  margin-right: 12px;

}

div.page_selection span:last-child{

  margin-left: 12px;

}

div.page_selection span:nth-of-type(1)>img,
div.page_selection span:last-child>img{

  width: 6.2px;

}

div.page_selection span:nth-of-type(1)>img{

  margin-right: 8.4px;

}

div.page_selection span:last-child>img{

  margin-left: 8.4px;

}

div.page_selection span{

  border-right: none;

}