.pager__items{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-end;
  list-style:none;
  font-weight:bold;
}[dir] .pager__items{
  margin:0;
  padding:0;
}

.pager__item{
  display:flex;
  align-items:center;
  justify-content:center;
  width:45px;
  height:45px;
  color:#6e7172;
}

[dir] .pager__item{
  cursor:default;
  background-color:#fff;
}

@media (min-width: 500px){

.pager__item{
    width:54px;
    height:54px
}
  }

[dir="rtl"] .pager__item--control{
  transform:scaleX(-1);
}

.pager__item--active{
  color:#fff;
}

[dir] .pager__item--active{
  background-color:#0d77b5;
}

.pager__link{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
  text-decoration:none;
  color:#6e7172;
  outline:none;
}

[dir] .pager__link{
  border:2px solid transparent;
}

[dir] .pager__link:hover{
  background-color:#e7edf1;
}

.pager__link:focus{
  color:#0d77b5;
}

[dir] .pager__link:focus{
  border-color:#0d77b5;
}

.pager__item-icon{
  display:block;
  fill:currentColor;
}