diff --git a/src/animations/pagination.animation.ts b/src/animations/pagination.animation.ts
new file mode 100644
index 0000000..fd27806
--- /dev/null
+++ b/src/animations/pagination.animation.ts
@@ -0,0 +1,19 @@
+import { Variants } from 'framer-motion';
+
+export const paginationMotion: Variants = {
+  rest: {
+    border: 'rgba(56,163,157, 0) 0.1rem solid',
+    color: '#272727',
+    background: '#fff',
+    // fontWeight: 'normal',
+    type: 'spring',
+  },
+  active: {
+    border: 'rgba(56,163,157, 1) 0.1rem solid',
+    color: '#ffffff',
+    background: '#38a39d',
+
+    // fontWeight: 'bold',
+    type: 'spring',
+  },
+};