.pages li {
    list-style-type:none;
    width:10px;
    height:10px;
    border-radius:10px;
    background-color:rgba(186,186,186,.4);
}
.pages li:hover {
    box-shadow:0 0 5px 2px white
}
.pages li.active {
    background-color:white;
    box-shadow:0 0 5px 2px white;
}
.pages {
    position:absolute;
    z-index:999
}
.pages.horizontal {
    left:50%;
    transform:translateX(-50%);
    bottom:5px
}
.pages.horizontal li {
    display:inline-block;
    margin-right:10px
}
.pages.horizontal li:last-child {
    margin-right:0
}
.pages.vertical {
    right:5px;
    top:50%;
    transform:translateY(-50%)
}
.pages.vertical li {
    margin-bottom:10px
}
.pages.vertical li:last-child {
    margin-bottom:0
}