.pagination {
  text-align: center; }
  .pagination__element {
    border: 2px solid #0c1c22;
    display: inline-block;
    height: 27px;
    width: 27px;
    text-align: center;
    font-family: "Lato", sans-serif;
    font-weight: 700;
    color: #a0a2a5;
    text-decoration: none;
    padding-top: 4px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-transition: 0.5s;
    transition: 0.5s; }
    .pagination__element + .pagination__element {
      margin-left: 10px; }
    .pagination__element:hover {
      background-color: #4e87a0;
      color: #ffffff;
      border: 2px solid #4e87a0; }
    .pagination__element_active {
      background-color: #4e87a0;
      color: #ffffff;
      border: 2px solid #4e87a0; }
    .pagination__element_dots {
      border: 2px solid transparent; }
      .pagination__element_dots:hover {
        background-color: transparent;
        color: #a0a2a5;
        border: 2px solid transparent; }
