<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<style>
body {
background: #070e6b;
}
.pagination {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 15px;
margin: auto;
text-align: center;
}
.pagination__dot {
position: relative;
width: 12px;
height: 12px;
border: 2px solid #8a0e9e;
border-radius: 50%;
display: inline-block;
cursor: pointer;
margin: 0 5px;
transition: .3s;
}
.pagination__dot--active {
background: #8a0e9e;
}
.pagination__dot:hover {
transition: .3s;
border-color: #eeeeee;
background: #eeeeee;