#pager {
  text-align: center;
}

.pager {
  list-style-type: none;
    padding: 0;
    text-align: center;
    font-size: 1rem;
    display: flex;
    /*grid-template-columns: auto auto auto;*/
    width: auto;
    justify-content: center;
    align-items: center;
    margin: auto;
}

.pager li {
  display: inline-block;
  padding: .2em .8em;
  /*border: 1px solid #999;
  border-left: none;*/
  cursor: pointer;
  color: #666;
  font-weight: 400;
  font-family: 'Montserrat';
  border-radius: .3em;
}

.pager li:first-child img{
  transform: rotate(90deg);
  width: 1em;
  /*border-radius: .3em 0 0 .3em;
  border-left: 1px solid #999;*/

  /*background: url(../images/arrow-icon.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(90deg);
    border: none;
    height: .5rem;*/
}

.pager li:hover {
  /*background: #ddd;*/
  opacity: .8;
}

.pager li:last-child img{
    transform: rotate(-90deg);
    width: 1em;
    /*border-radius: 0 .3em .3em 0;*/
    /*background: url(../images/arrow-icon.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(180deg);
    border: none;
    height: .5rem;*/
}

.pager .pager-selected {
  color: white;
  background: #444;
}