first load

styles/_pagination.scss

@@ -0,0 +1,57 @@
+/***** Pagination *****/
+
+.pagination {
+  margin: 20px 0;
+  text-align: center;
+
+  &-next, &-prev, &-first, &-last {
+    display: inline-block;
+    &-link {
+      @extend .button;
+    }
+  }
+
+  &-first, &-last {
+    &-link {
+      padding: 0 10px;
+    }
+
+    &-text {
+     @include visually-hidden;
+    }
+  }
+
+  &-next {
+    &-link {
+      padding-right: 10px;
+    }
+    &-text {
+      margin-right: 10px;
+    }
+    [dir="rtl"] & {
+      &-link {
+        padding-left: 10px;
+      }
+      &-text {
+        margin-left: 10px;
+      }
+    }
+  }
+
+  &-prev {
+    &-link {
+      padding-left: 10px;
+    }
+    &-text {
+      margin-left: 10px;
+    }
+    [dir="rtl"] & {
+      &-link {
+        padding-right: 10px;
+      }
+      &-text {
+        margin-right: 10px;
+      }
+    }
+  }
+}