[Docs Site] Adopt new pagination styling (#20467)

* [Docs Site] Adopt new pagination styling

* fix sole prev/next alignment

Author: KianNH

src/components/overrides/Footer.astro

@@ -154,10 +154,6 @@ if (
 		margin-top: 0 !important;
 	}
 
-	:global(.pagination-links) {
-		margin-top: 3rem !important;
-	}
-
 	.feedback-prompt {
 		h2 {
 			color: var(--sl-color-white);

src/styles/pagination.css

@@ -0,0 +1,38 @@
+.pagination-links {
+	display: flex !important;
+	justify-content: space-between;
+	margin-top: 3rem;
+
+	& > a {
+		flex-basis: unset;
+		flex-grow: unset;
+		width: fit-content;
+
+		padding: unset;
+		border: unset;
+		box-shadow: unset;
+
+		&[rel="prev"] {
+			text-align: right;
+			margin-right: auto;
+		}
+
+		&[rel="next"] {
+			text-align: left;
+			margin-left: auto;
+		}
+
+		& > span {
+			font-size: 0.75rem;
+
+			.link-title {
+				font-size: 1rem;
+			}
+		}
+
+		& > svg {
+			align-self: self-end;
+			color: theme("colors.cl1.brand.orange");
+		}
+	}
+}