adding styles for pagination

opentech/static_src/src/sass/apply/components/_pagination.scss

+.pagination {
+    @extend %h6;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-top: 30px;
+
+    .cardinality {
+        margin: 0 10px;
+    }
+
+    .prev,
+    .next {
+        a {
+            position: relative;
+            display: block;
+            width: 55px;
+            height: 55px;
+            color: $color--white;
+            background: $color--white;
+            border: 1px solid $color--mid-grey;
+
+            &::after {
+                position: absolute;;
+                top: 18.5px;
+                left: 22.5px;
+            }
+        }
+    }
+
+    .prev {
+        a {
+            &::after {
+                @include triangle(left, $color--primary, 7px);
+            }
+        }
+    }
+
+    .next {
+        a {
+            &::after {
+                @include triangle(right, $color--primary, 7px);
+            }
+        }
+    }
+}

opentech/static_src/src/sass/apply/main.scss

@@ -13,6 +13,7 @@
 // Components
 @import 'components/button';
 @import 'components/icon';
+@import 'components/pagination';
 @import 'components/table';
 @import 'components/wrapper';