.pager-controls
{

}
.pager-controls .prev,
.pager-controls .next
{
    border-radius:9999px;
    background:white;
    color:#e5c282;
    height:37px;
    width:37px;
    display:inline-block;
    position: relative;
}
.pager-controls .prev:hover,
.pager-controls .next:hover
{
    cursor:pointer;
}
.pager-controls .prev:after
{
    position: absolute;
    top:50%;
    left:50%;
    transform:translateY(-50%) translateX(calc(-50% - 2px));
    content:"\f053";
    font-family:FontAwesome;
}
.pager-controls .next:after
{
    position: absolute;
    top:50%;
    left:50%;
    transform:translateY(-50%) translateX(calc(-50% + 2px));
    content:"\f054";
    font-family:FontAwesome;
}
@media only screen and (min-width : 768px) {
    .pager-controls
    {
        text-align: center;
    }
}

.pager__button{
    background: #fff;
    color:#000;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    border-radius: 16px;
    position: absolute;
    right:0;
    top:-4px;
    z-index: 100;
    cursor: pointer;
}

.pager__button--next{

}

.pager__button--prev{
    right: 40px;
}

.pager__button i{
    font-size: 18px;
}