如何在bootstrap寻呼机中自定义寻呼机箭头＆amp; rarr和larr？

Question

您好我想根据我的模拟需求自定义箭头：

https://i.imgur.com/dqFNK3o.png

我需要它更大胆，更小。但我不知道如何定制它。有人能告诉我如何自定义箭头吗？

.pager>li>a {
  color: black !Important;
  border-radius: 200px;
}

.pager>li>a.right-arrow {
  margin-left: 330px;
  box-shadow: 0 0 1px #9ecaed;
}

.pager>li>a.left-arrow {
  margin-right: 330px;
  box-shadow: 0 0 1px #9ecaed;
}

.number {
  color: black !Important;
  border-color: white !Important;
  padding: 5px !important;
}

<div class="text-center">
  <ul class="pager">
    <li><a href="#" class="left-arrow">&larr;</a></li>
    <li><a href="" class="number">1</a></li>
    <li><a href="" class="number">2</a></li>
    <li><a href="" class="number">3</a></li>
    <li class="number">...</li>
    <li><a href="" class="number">7</a></li>
    <li><a href="" class="number">8</a></li>
    <li><a href="" class="number">9</a></li>
    <li><a href="" class="right-arrow">&rarr;</a></li>
  </ul>
</div>