.pagination-outer{text-align: center;}.pagination{font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";display: inline-flex;position: relative;}.pagination li a.page-link{color: #333;background-color: #e7e7e796;font-size: 20px;font-weight: 500;line-height: 39px;height: 40px;width: 40px;padding: 0;margin: 0 5px;border: none;border-radius: 10px;position: relative;z-index: 1;transition: all 0.3s ease 0s;}.pagination li a.page-link:hover, .pagination li a.page-link:focus, .pagination li.active a.page-link:hover, .pagination li.active a.page-link{color: #fff;background: transparent;}.pagination li a.page-link:before, .pagination li a.page-link:after{content: '';background: linear-gradient(to right, #3873f5bf 50%, transparent 50%);height: 100%;width: 100%;border-radius: 50%;opacity: 0;position: absolute;left: 0;top: 0;z-index: -1;transition: all 0.4s ease 0s;}.pagination li a.page-link:after{background: linear-gradient(to right, #0057f1 50%, transparent 50%);transform: rotateY(180deg);top: auto;bottom: 0;}.pagination li a.page-link:hover:before, .pagination li a.page-link:focus:before, .pagination li.active a.page-link:before, .pagination li a.page-link:hover:after, .pagination li a.page-link:focus:after, .pagination li.active a.page-link:after{height: 85%;opacity: 1;}@media only screen and (max-width: 480px){.pagination{font-size: 0;border: none;display: inline-block;}.pagination li{display: inline-block;vertical-align: top;margin: 0 0 10px;}}