.paginate-wrap { margin: 10px 0; text-align: center; font-size: 12px; }
.paginate-wrap .pagination { display: inline-block; list-style: none; margin: 0 auto; }
.paginate-wrap .pagination > li { display: inline-block; list-style: none; color: black; float: left; padding: 2px 8px; transition: background-color .3s; border: 1px solid #ddd; border-radius: 5px; margin: 0 2px; cursor: pointer; }
.paginate-wrap .pagination > li.active { background-color: #4CAF50; color: white; border: 1px solid #4CAF50; }
.paginate-wrap .pagination > li:hover:not(.active) { background-color: #ddd; }
.paginate-wrap .pagination > li.go_page { cursor: none; border: none; padding: 0; }
.paginate-wrap .pagination > li.go_page > * { display: inline-block; }
.paginate-wrap .pagination > li.go_page > input { margin-left: 4px; padding: 2px; height: 24px; }
.paginate-wrap .pagination > li.go_page:hover { background-color: white; }
.paginate-wrap:after { content: ""; clear: both; display: block; }