Cleanup CSS .pagination (#4455)

* remove .pagination .item a:hover

* remove .pagination .loading

* Update swage.scss

* .pagination .item a centralized to template.css

* adark theme: mobile: border

* remove text-align: center

* remove .pager-current

* remove .content .pagination

* remove font-size

* font-style: italic; in template.css

* fix

29 files changed, 26 insertions, 394 deletions

diff --git a/p/themes/Alternative-Dark/adark.css b/p/themes/Alternative-Dark/adark.css
index 0bc952beb..98dd4398e 100644
--- a/p/themes/Alternative-Dark/adark.css
+++ b/p/themes/Alternative-Dark/adark.css
@@ -394,10 +394,6 @@ a.btn {
 }
 
 /*=== Pagination */
-.pagination .item a {
-	line-height: 3em;
-}
-
 .pagination {
 	color: #999;
 	border-top: 1px solid #999;
@@ -1116,10 +1112,6 @@ a.btn {
 		text-shadow: none;
 	}
 
-	.pagination {
-		border-top: 1px solid #292929;
-	}
-
 	.flux:not(.current):hover .item.title {
 		background: #333;
 	}
diff --git a/p/themes/Alternative-Dark/adark.rtl.css b/p/themes/Alternative-Dark/adark.rtl.css
index 96c9466d9..3b13d55a8 100644
--- a/p/themes/Alternative-Dark/adark.rtl.css
+++ b/p/themes/Alternative-Dark/adark.rtl.css
@@ -394,10 +394,6 @@ a.btn {
 }
 
 /*=== Pagination */
-.pagination .item a {
-	line-height: 3em;
-}
-
 .pagination {
 	color: #999;
 	border-top: 1px solid #999;
@@ -1116,10 +1112,6 @@ a.btn {
 		text-shadow: none;
 	}
 
-	.pagination {
-		border-top: 1px solid #292929;
-	}
-
 	.flux:not(.current):hover .item.title {
 		background: #333;
 	}
diff --git a/p/themes/Ansum/_components.scss b/p/themes/Ansum/_components.scss
index c7270b39e..0749f07f5 100644
--- a/p/themes/Ansum/_components.scss
+++ b/p/themes/Ansum/_components.scss
@@ -168,24 +168,9 @@
 .pagination {
 	background: variables.$grey-light;
 	color: variables.$main-font-color;
-	font-size: 0.8em;
-	text-align: center;
-
-	.item {
-		&.pager-current {
-			background: variables.$sid-bg;
-			color: variables.$grey-light;
-			font-size: 1.5em;
-			font-weight: bold;
-		}
 
-		a {
-			display: block;
-			color: variables.$main-font-color;
-			font-style: italic;
-			line-height: 3em;
-			text-decoration: none;
-		}
+	.item a {
+		color: variables.$main-font-color;
 	}
 }
 
@@ -194,12 +179,6 @@
 	background: url("loader.gif") center center no-repeat #34495e;
 }
 
-.content .pagination {
-	margin: 0;
-	padding: 0;
-}
-
-
 /*=== Boxes */
 .box {
 	background: variables.$white;
diff --git a/p/themes/Ansum/ansum.css b/p/themes/Ansum/ansum.css
index a8a33d7f0..9976ac825 100644
--- a/p/themes/Ansum/ansum.css
+++ b/p/themes/Ansum/ansum.css
@@ -340,25 +340,9 @@ form th {
 .pagination {
 	background: #f5f0ec;
 	color: #363330;
-	font-size: 0.8em;
-	text-align: center;
-}
-.pagination .item.pager-current {
-	background: #fbf9f6;
-	color: #f5f0ec;
-	font-size: 1.5em;
-	font-weight: bold;
 }
 .pagination .item a {
-	display: block;
 	color: #363330;
-	font-style: italic;
-	line-height: 3em;
-	text-decoration: none;
-}
-.pagination .item a:hover {
-	background: #363330;
-	color: #f5f0ec;
 }
 
 #load_more.loading,
@@ -366,11 +350,6 @@ form th {
 	background: url("loader.gif") center center no-repeat #34495e;
 }
 
-.content .pagination {
-	margin: 0;
-	padding: 0;
-}
-
 /*=== Boxes */
 .box {
 	background: #fff;
diff --git a/p/themes/Ansum/ansum.rtl.css b/p/themes/Ansum/ansum.rtl.css
index 9f52a9985..3f974f9f7 100644
--- a/p/themes/Ansum/ansum.rtl.css
+++ b/p/themes/Ansum/ansum.rtl.css
@@ -340,25 +340,9 @@ form th {
 .pagination {
 	background: #f5f0ec;
 	color: #363330;
-	font-size: 0.8em;
-	text-align: center;
-}
-.pagination .item.pager-current {
-	background: #fbf9f6;
-	color: #f5f0ec;
-	font-size: 1.5em;
-	font-weight: bold;
 }
 .pagination .item a {
-	display: block;
 	color: #363330;
-	font-style: italic;
-	line-height: 3em;
-	text-decoration: none;
-}
-.pagination .item a:hover {
-	background: #363330;
-	color: #f5f0ec;
 }
 
 #load_more.loading,
@@ -366,11 +350,6 @@ form th {
 	background: url("loader.gif") center center no-repeat #34495e;
 }
 
-.content .pagination {
-	margin: 0;
-	padding: 0;
-}
-
 /*=== Boxes */
 .box {
 	background: #fff;
diff --git a/p/themes/BlueLagoon/BlueLagoon.css b/p/themes/BlueLagoon/BlueLagoon.css
index 19f3fea45..52704273e 100644
--- a/p/themes/BlueLagoon/BlueLagoon.css
+++ b/p/themes/BlueLagoon/BlueLagoon.css
@@ -472,22 +472,11 @@ a.btn {
 /*=== Pagination */
 .pagination {
 	background: #fafafa;
-	text-align: center;
 	color: #333;
-	font-size: 0.8em;
-}
-
-.pagination .item.pager-current {
-	font-weight: bold;
-	font-size: 1.5em;
 }
 
 .pagination .item a {
-	display: block;
 	color: #333;
-	font-style: italic;
-	line-height: 3em;
-	text-decoration: none;
 }
 
 .pagination .item a:hover {
diff --git a/p/themes/BlueLagoon/BlueLagoon.rtl.css b/p/themes/BlueLagoon/BlueLagoon.rtl.css
index 99a5e1b4d..688a0cc76 100644
--- a/p/themes/BlueLagoon/BlueLagoon.rtl.css
+++ b/p/themes/BlueLagoon/BlueLagoon.rtl.css
@@ -472,22 +472,11 @@ a.btn {
 /*=== Pagination */
 .pagination {
 	background: #fafafa;
-	text-align: center;
 	color: #333;
-	font-size: 0.8em;
-}
-
-.pagination .item.pager-current {
-	font-weight: bold;
-	font-size: 1.5em;
 }
 
 .pagination .item a {
-	display: block;
 	color: #333;
-	font-style: italic;
-	line-height: 3em;
-	text-decoration: none;
 }
 
 .pagination .item a:hover {
diff --git a/p/themes/Dark/dark.css b/p/themes/Dark/dark.css
index f4221e18b..e3272b99f 100644
--- a/p/themes/Dark/dark.css
+++ b/p/themes/Dark/dark.css
@@ -434,28 +434,12 @@ a.btn {
 .pagination {
 	background: #1c1c1c;
 	color: #888;
-	font-size: 0.8em;
-	text-align: center;
-}
-
-.pagination .item.pager-current {
-	background: #111;
-	font-size: 1.5em;
-	font-weight: bold;
 }
 
 .pagination .item a {
-	display: block;
-	font-style: italic;
-	line-height: 3em;
-	text-decoration: none;
 	color: #666;
 }
 
-.pagination .item a:hover {
-	background-color: #111;
-}
-
 .pagination:first-child .item {
 	border-top: 1px solid #333;
 	border-bottom: 1px solid #333;
diff --git a/p/themes/Dark/dark.rtl.css b/p/themes/Dark/dark.rtl.css
index 251a1c753..1b4e37282 100644
--- a/p/themes/Dark/dark.rtl.css
+++ b/p/themes/Dark/dark.rtl.css
@@ -434,28 +434,12 @@ a.btn {
 .pagination {
 	background: #1c1c1c;
 	color: #888;
-	font-size: 0.8em;
-	text-align: center;
-}
-
-.pagination .item.pager-current {
-	background: #111;
-	font-size: 1.5em;
-	font-weight: bold;
 }
 
 .pagination .item a {
-	display: block;
-	font-style: italic;
-	line-height: 3em;
-	text-decoration: none;
 	color: #666;
 }
 
-.pagination .item a:hover {
-	background-color: #111;
-}
-
 .pagination:first-child .item {
 	border-top: 1px solid #333;
 	border-bottom: 1px solid #333;
diff --git a/p/themes/Flat/flat.css b/p/themes/Flat/flat.css
index acd2fdeb3..c25cc5d32 100644
--- a/p/themes/Flat/flat.css
+++ b/p/themes/Flat/flat.css
@@ -449,15 +449,9 @@ a.btn {
 }
 
 .pagination .item a {
-	line-height: 3em;
 	color: #000;
 }
 
-.pagination .item a:hover {
-	background: #34495e;
-	color: #ecf0f1;
-}
-
 #load_more.loading,
 #load_more.loading:hover {
 	background: url("loader.gif") center center no-repeat #34495e;
diff --git a/p/themes/Flat/flat.rtl.css b/p/themes/Flat/flat.rtl.css
index 579e2bce1..92799479d 100644
--- a/p/themes/Flat/flat.rtl.css
+++ b/p/themes/Flat/flat.rtl.css
@@ -449,15 +449,9 @@ a.btn {
 }
 
 .pagination .item a {
-	line-height: 3em;
 	color: #000;
 }
 
-.pagination .item a:hover {
-	background: #34495e;
-	color: #ecf0f1;
-}
-
 #load_more.loading,
 #load_more.loading:hover {
 	background: url("loader.gif") center center no-repeat #34495e;
diff --git a/p/themes/Mapco/_components.scss b/p/themes/Mapco/_components.scss
index 91fa2126d..fc956dfc3 100644
--- a/p/themes/Mapco/_components.scss
+++ b/p/themes/Mapco/_components.scss
@@ -163,24 +163,9 @@
 .pagination {
 	background: variables.$grey-light;
 	color: variables.$main-font-color;
-	font-size: 0.8em;
-	text-align: center;
-
-	.item {
-		&.pager-current {
-			background: variables.$sid-bg;
-			color: variables.$grey-light;
-			font-size: 1.5em;
-			font-weight: bold;
-		}
 
-		a {
-			display: block;
-			color: variables.$main-font-color;
-			font-style: italic;
-			line-height: 3em;
-			text-decoration: none;
-		}
+	.item a {
+		color: variables.$main-font-color;
 	}
 
 }
diff --git a/p/themes/Mapco/mapco.css b/p/themes/Mapco/mapco.css
index cf18c2792..556d5316c 100644
--- a/p/themes/Mapco/mapco.css
+++ b/p/themes/Mapco/mapco.css
@@ -334,26 +334,11 @@ form th {
 .pagination {
 	background: #eff0f2;
 	color: #303136;
-	font-size: 0.8em;
-	text-align: center;
-}
-.pagination .item.pager-current {
-	background: #303136;
-	color: #eff0f2;
-	font-size: 1.5em;
-	font-weight: bold;
 }
 .pagination .item a {
-	display: block;
 	color: #303136;
-	font-style: italic;
-	line-height: 3em;
-	text-decoration: none;
-}
-.pagination .item a:hover {
-	background: #303136;
-	color: #eff0f2;
 }
+
 #load_more.loading,
 #load_more.loading:hover {
 	background: url("loader.gif") center center no-repeat #34495e;
diff --git a/p/themes/Mapco/mapco.rtl.css b/p/themes/Mapco/mapco.rtl.css
index b567bab1d..c16243b87 100644
--- a/p/themes/Mapco/mapco.rtl.css
+++ b/p/themes/Mapco/mapco.rtl.css
@@ -334,26 +334,11 @@ form th {
 .pagination {
 	background: #eff0f2;
 	color: #303136;
-	font-size: 0.8em;
-	text-align: center;
-}
-.pagination .item.pager-current {
-	background: #303136;
-	color: #eff0f2;
-	font-size: 1.5em;
-	font-weight: bold;
 }
 .pagination .item a {
-	display: block;
 	color: #303136;
-	font-style: italic;
-	line-height: 3em;
-	text-decoration: none;
-}
-.pagination .item a:hover {
-	background: #303136;
-	color: #eff0f2;
 }
+
 #load_more.loading,
 #load_more.loading:hover {
 	background: url("loader.gif") center center no-repeat #34495e;
diff --git a/p/themes/Nord/nord.css b/p/themes/Nord/nord.css
index 209e3e0cb..1d02b618b 100644
--- a/p/themes/Nord/nord.css
+++ b/p/themes/Nord/nord.css
@@ -344,8 +344,6 @@ img.favicon {
 /*=== Pagination */
 .pagination {
 	width: 100%;
-	font-size: 0.8em;
-	text-align: center;
 }
 
 .pagination .pager-first,
@@ -1038,30 +1036,10 @@ input.extend {
 }
 
 /*=== Pagination */
-.content .pagination {
-	margin: 0;
-	padding: 0;
-}
-
-.pagination .item.pager-current {
-	font-weight: bold;
-	font-size: 1.5em;
-}
-
 .pagination .item a {
-	display: block;
 	font-style: italic;
-	line-height: 3em;
-	text-decoration: none;
-}
-
-.pagination .loading,
-.pagination a:hover.loading {
-	font-size: 0;
 }
 
-
-
 /*=== STRUCTURE */
 /*===============*/
 /*=== Header */
diff --git a/p/themes/Nord/nord.rtl.css b/p/themes/Nord/nord.rtl.css
index 2ba23c43c..403e8ea7a 100644
--- a/p/themes/Nord/nord.rtl.css
+++ b/p/themes/Nord/nord.rtl.css
@@ -344,8 +344,6 @@ img.favicon {
 /*=== Pagination */
 .pagination {
 	width: 100%;
-	font-size: 0.8em;
-	text-align: center;
 }
 
 .pagination .pager-first,
@@ -1038,30 +1036,10 @@ input.extend {
 }
 
 /*=== Pagination */
-.content .pagination {
-	margin: 0;
-	padding: 0;
-}
-
-.pagination .item.pager-current {
-	font-weight: bold;
-	font-size: 1.5em;
-}
-
 .pagination .item a {
-	display: block;
 	font-style: italic;
-	line-height: 3em;
-	text-decoration: none;
-}
-
-.pagination .loading,
-.pagination a:hover.loading {
-	font-size: 0;
 }
 
-
-
 /*=== STRUCTURE */
 /*===============*/
 /*=== Header */
diff --git a/p/themes/Origine-compact/origine-compact.css b/p/themes/Origine-compact/origine-compact.css
index 72454d381..1f1b688ad 100644
--- a/p/themes/Origine-compact/origine-compact.css
+++ b/p/themes/Origine-compact/origine-compact.css
@@ -471,22 +471,11 @@ a.btn,
 /*=== Pagination */
 .pagination {
 	background: #fafafa;
-	text-align: center;
 	color: #333;
-	font-size: 0.8em;
-}
-
-.pagination .item.pager-current {
-	font-weight: bold;
-	font-size: 1.5em;
 }
 
 .pagination .item a {
-	display: block;
 	color: #333;
-	font-style: italic;
-	line-height: 3em;
-	text-decoration: none;
 }
 
 .pagination .item a:hover {
diff --git a/p/themes/Origine-compact/origine-compact.rtl.css b/p/themes/Origine-compact/origine-compact.rtl.css
index b7ca14340..624201fd0 100644
--- a/p/themes/Origine-compact/origine-compact.rtl.css
+++ b/p/themes/Origine-compact/origine-compact.rtl.css
@@ -471,22 +471,11 @@ a.btn,
 /*=== Pagination */
 .pagination {
 	background: #fafafa;
-	text-align: center;
 	color: #333;
-	font-size: 0.8em;
-}
-
-.pagination .item.pager-current {
-	font-weight: bold;
-	font-size: 1.5em;
 }
 
 .pagination .item a {
-	display: block;
 	color: #333;
-	font-style: italic;
-	line-height: 3em;
-	text-decoration: none;
 }
 
 .pagination .item a:hover {
diff --git a/p/themes/Origine/origine.css b/p/themes/Origine/origine.css
index 7690bf25b..0ebe00e8f 100644
--- a/p/themes/Origine/origine.css
+++ b/p/themes/Origine/origine.css
@@ -457,22 +457,11 @@ a.btn {
 /*=== Pagination */
 .pagination {
 	background: #fafafa;
-	text-align: center;
 	color: #333;
-	font-size: 0.8em;
-}
-
-.pagination .item.pager-current {
-	font-weight: bold;
-	font-size: 1.5em;
 }
 
 .pagination .item a {
-	display: block;
 	color: #333;
-	font-style: italic;
-	line-height: 3em;
-	text-decoration: none;
 }
 
 .pagination .item a:hover {
diff --git a/p/themes/Origine/origine.rtl.css b/p/themes/Origine/origine.rtl.css
index 8790d6d6b..36bcdaaa1 100644
--- a/p/themes/Origine/origine.rtl.css
+++ b/p/themes/Origine/origine.rtl.css
@@ -457,22 +457,11 @@ a.btn {
 /*=== Pagination */
 .pagination {
 	background: #fafafa;
-	text-align: center;
 	color: #333;
-	font-size: 0.8em;
-}
-
-.pagination .item.pager-current {
-	font-weight: bold;
-	font-size: 1.5em;
 }
 
 .pagination .item a {
-	display: block;
 	color: #333;
-	font-style: italic;
-	line-height: 3em;
-	text-decoration: none;
 }
 
 .pagination .item a:hover {
diff --git a/p/themes/Pafat/pafat.css b/p/themes/Pafat/pafat.css
index 08a93bd0a..6142dbb44 100644
--- a/p/themes/Pafat/pafat.css
+++ b/p/themes/Pafat/pafat.css
@@ -415,26 +415,11 @@ a.btn {
 /*=== Pagination */
 .pagination {
 	background: #fff;
-	text-align: center;
 	color: #41444f;
-	font-size: 0.8em;
-}
-
-.pagination .item.pager-current {
-	font-weight: bold;
-	font-size: 1.5em;
 }
 
 .pagination .item a {
-	display: block;
 	color: #41444f;
-	font-style: italic;
-	line-height: 3em;
-	text-decoration: none;
-}
-
-.pagination .item a:hover {
-	background: #ddd;
 }
 
 .pagination:first-child .item {
diff --git a/p/themes/Pafat/pafat.rtl.css b/p/themes/Pafat/pafat.rtl.css
index 5f31cf061..d7ae5a641 100644
--- a/p/themes/Pafat/pafat.rtl.css
+++ b/p/themes/Pafat/pafat.rtl.css
@@ -415,26 +415,11 @@ a.btn {
 /*=== Pagination */
 .pagination {
 	background: #fff;
-	text-align: center;
 	color: #41444f;
-	font-size: 0.8em;
-}
-
-.pagination .item.pager-current {
-	font-weight: bold;
-	font-size: 1.5em;
 }
 
 .pagination .item a {
-	display: block;
 	color: #41444f;
-	font-style: italic;
-	line-height: 3em;
-	text-decoration: none;
-}
-
-.pagination .item a:hover {
-	background: #ddd;
 }
 
 .pagination:first-child .item {
diff --git a/p/themes/Screwdriver/screwdriver.css b/p/themes/Screwdriver/screwdriver.css
index 1b8dc34ff..0edf73c63 100644
--- a/p/themes/Screwdriver/screwdriver.css
+++ b/p/themes/Screwdriver/screwdriver.css
@@ -467,22 +467,11 @@ a.btn {
 /*=== Pagination */
 .pagination {
 	background: #fafafa;
-	text-align: center;
 	color: #333;
-	font-size: 0.8em;
-}
-
-.pagination .item.pager-current {
-	font-weight: bold;
-	font-size: 1.5em;
 }
 
 .pagination .item a {
-	display: block;
 	color: #333;
-	font-style: italic;
-	line-height: 3em;
-	text-decoration: none;
 }
 
 .pagination .item a:hover {
diff --git a/p/themes/Screwdriver/screwdriver.rtl.css b/p/themes/Screwdriver/screwdriver.rtl.css
index 344b0e195..69850151b 100644
--- a/p/themes/Screwdriver/screwdriver.rtl.css
+++ b/p/themes/Screwdriver/screwdriver.rtl.css
@@ -467,22 +467,11 @@ a.btn {
 /*=== Pagination */
 .pagination {
 	background: #fafafa;
-	text-align: center;
 	color: #333;
-	font-size: 0.8em;
-}
-
-.pagination .item.pager-current {
-	font-weight: bold;
-	font-size: 1.5em;
 }
 
 .pagination .item a {
-	display: block;
 	color: #333;
-	font-style: italic;
-	line-height: 3em;
-	text-decoration: none;
 }
 
 .pagination .item a:hover {
diff --git a/p/themes/Swage/swage.css b/p/themes/Swage/swage.css
index 2ed5e888e..deade659d 100644
--- a/p/themes/Swage/swage.css
+++ b/p/themes/Swage/swage.css
@@ -389,25 +389,9 @@ form th {
 .pagination {
 	background: #e3e3e3;
 	color: #181621;
-	font-size: 0.8em;
-	text-align: center;
-}
-.pagination .item.pager-current {
-	background: #22303d;
-	color: #e3e3e3;
-	font-size: 1.5em;
-	font-weight: bold;
 }
 .pagination .item a {
-	display: block;
 	color: #181621;
-	font-style: italic;
-	line-height: 3em;
-	text-decoration: none;
-}
-.pagination .item a:hover {
-	background: #22303d;
-	color: #e3e3e3;
 }
 
 #load_more.loading,
@@ -1172,5 +1156,3 @@ button.as-link {
 #slider .form-group:hover {
 	background: initial;
 }
-
-/*# sourceMappingURL=swage.css.map */
diff --git a/p/themes/Swage/swage.rtl.css b/p/themes/Swage/swage.rtl.css
index 4cacf9f56..df229809d 100644
--- a/p/themes/Swage/swage.rtl.css
+++ b/p/themes/Swage/swage.rtl.css
@@ -389,25 +389,9 @@ form th {
 .pagination {
 	background: #e3e3e3;
 	color: #181621;
-	font-size: 0.8em;
-	text-align: center;
-}
-.pagination .item.pager-current {
-	background: #22303d;
-	color: #e3e3e3;
-	font-size: 1.5em;
-	font-weight: bold;
 }
 .pagination .item a {
-	display: block;
 	color: #181621;
-	font-style: italic;
-	line-height: 3em;
-	text-decoration: none;
-}
-.pagination .item a:hover {
-	background: #22303d;
-	color: #e3e3e3;
 }
 
 #load_more.loading,
diff --git a/p/themes/Swage/swage.scss b/p/themes/Swage/swage.scss
index 8be2f3d45..b07d2a6ea 100644
--- a/p/themes/Swage/swage.scss
+++ b/p/themes/Swage/swage.scss
@@ -495,29 +495,9 @@ form {
 .pagination {
 	background: color.adjust( $color_light, $lightness: -10%);
 	color: $color_text;
-	font-size: 0.8em;
-	text-align: center;
 
-	.item {
-		&.pager-current {
-			background: $color_aside;
-			color: color.adjust( $color_light, $lightness: -10%);
-			font-size: 1.5em;
-			font-weight: bold;
-		}
-
-		a {
-			display: block;
-			color: $color_text;
-			font-style: italic;
-			line-height: 3em;
-			text-decoration: none;
-
-			&:hover {
-				background: $color_aside;
-				color: color.adjust( $color_light, $lightness: -10%);
-			}
-		}
+	.item a {
+		color: $color_text;
 	}
 }
 
diff --git a/p/themes/base-theme/template.css b/p/themes/base-theme/template.css
index dba74c210..9deae1f8d 100644
--- a/p/themes/base-theme/template.css
+++ b/p/themes/base-theme/template.css
@@ -655,17 +655,25 @@ input[type="checkbox"]:focus-visible {
 	padding: 0;
 	display: table;
 	table-layout: fixed;
+	text-align: center;
 }
 
 .pagination .item {
 	display: table-cell;
 	width: 3em;
-	text-align: center;
+	font-style: italic;
 }
 
 .pagination .item.active {
 	min-width: 3em;
 	font-weight: bold;
+	font-style: normal;
+}
+
+.pagination .item a {
+	display: block;
+	line-height: 3em;
+	text-decoration: none;
 }
 
 .pagination .pager-previous,
diff --git a/p/themes/base-theme/template.rtl.css b/p/themes/base-theme/template.rtl.css
index dda1468bc..770456831 100644
--- a/p/themes/base-theme/template.rtl.css
+++ b/p/themes/base-theme/template.rtl.css
@@ -655,17 +655,25 @@ input[type="checkbox"]:focus-visible {
 	padding: 0;
 	display: table;
 	table-layout: fixed;
+	text-align: center;
 }
 
 .pagination .item {
 	display: table-cell;
 	width: 3em;
-	text-align: center;
+	font-style: italic;
 }
 
 .pagination .item.active {
 	min-width: 3em;
 	font-weight: bold;
+	font-style: normal;
+}
+
+.pagination .item a {
+	display: block;
+	line-height: 3em;
+	text-decoration: none;
 }
 
 .pagination .pager-previous,