Separando css en archivos y otra cosa que no recuerdo

src/components/Paginate.scss

@@ -0,0 +1,51 @@
+/* Pagination */
+ul.pagination {
+  display: flex;
+  margin: auto;
+  justify-content: space-between;
+  font-weight: 500;
+
+  .page-center {
+    display: flex;
+  }
+
+  .page-item {
+    height: 2.5em;
+    text-align: center;
+
+    &.left, &.right {
+      width: 7em;
+    }
+
+    .page-link {
+      display: inline-block;
+      height: 100%;
+
+      margin-right: .4em;
+      padding: .75rem 1em;
+
+      color: var(--black);
+      text-decoration: none;
+      line-height: 1;
+
+
+      &.active {
+        color: var(--accent);
+        border-bottom: var(--line-width) solid var(--accent);
+      }
+
+      &:hover:not(.active) {
+        border-bottom: var(--line-width) solid var(--accent);
+      }
+
+      &:focus {
+        outline: none;
+      }
+    }
+  }
+
+  .spacing {
+    margin: auto 1em;
+    font-weight: normal;
+  }
+}