// Pagination .pagination {

margin: 20px 0 40px;
.pagination-list {
  display: flex;
  align-items: center;
  text-align: center;
  .older-posts, .previous-posts, .newer-posts {
    display: inline-block;
    flex-grow: 1;
    .older-link, .previous-link, .newer-link {
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 20px 35px;
      font-size: 14px;
      line-height: 18px;
      font-weight: bold;
      color: $text;
      background: rgba($blue-darken, .95);
      transition: $global-transition;
      &:hover {
        background: rgba(28, 29, 31, 0.95);
      }
    }
  }
  .older-link {
    i {
      margin-left: 10px;
    }
  }
  .previous-link, .newer-link {
    i {
      margin-right: 10px;
    }
  }
}
@media only screen and (min-width: 768px) {
  margin: 20px 0;
}

}