diff --git a/css/style.css b/css/style.css
new file mode 100644
index 0000000..f752f38
--- /dev/null
+++ b/css/style.css
@@ -0,0 +1,44 @@
+/* mini pager style */
+
+.js-pager__items {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	gap: 20px;
+}
+
+.js-pager__items li {
+  font-size: 18px;
+  line-height: 30px;
+  list-style:none;
+  color: #e00000;
+}
+
+.js-pager__items li a {
+	font-size: 18px;
+  line-height: 20px;
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  background-color: #ff0000;
+  color: #fff;
+  border: 1px solid #ff0000;
+  transition: all 0.5s ease;
+  padding: 8px 10px;
+}
+
+.js-pager__items li.is-active a,
+.js-pager__items li a:hover {
+	background-color: #ff0000;
+	color: #fff;	
+}
+
+.js-pager__items li.pager__item--next a,
+.js-pager__items li.pager__item--previous a,
+.js-pager__items li.pager__item--last a,
+.js-pager__items li.pager__item--first a {
+  height: auto;
+  width: auto;
+  border-radius: 0;
+  padding: 8px 10px;  
+}
\ No newline at end of file
diff --git a/furniture_zymphonies_theme.libraries.yml b/furniture_zymphonies_theme.libraries.yml
index 2a851dd..66a8bd9 100755
--- a/furniture_zymphonies_theme.libraries.yml
+++ b/furniture_zymphonies_theme.libraries.yml
@@ -21,6 +21,7 @@ global-components:
     theme:
       css/global.css: {}
       css/media.css: {}
+      css/style.css: {}
   js:
     js/custom.js: {}
   dependencies: