.pages li {list-style-type: none;width: 10px;height:10px;border-radius: 10px;background-color: white}
.pages li:hover {box-shadow: 0 0 5px 2px #CCCCCC}
.pages li.active {background-color: #666666;box-shadow: 0 0 5px 2px #666666}
.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}