diff --git a/resources/css/components/page-scroller.css b/resources/css/components/page-scroller.css
new file mode 100644
index 0000000..ec558f0
--- /dev/null
+++ b/resources/css/components/page-scroller.css
@@ -0,0 +1,25 @@
+#page-scroller {
+  @apply flex items-center gap-3
+  fixed z-50
+  right-16 
+  bottom-16;
+  animation: fade-in 0.5s ease-out, slide-in-bottom 0.5s ease-out;
+
+  #scroller-top {
+    @apply bg-primary 
+    w-16 
+    h-16
+    flex items-center justify-center
+    
+    cursor-pointer 
+    rounded-full;
+    .arrow-icon {
+      @apply h-full;
+      max-height: 32%;
+    }
+  }
+
+  #scroller-filter {
+    @apply h-12 bg-primary text-white font-semibold tracking-wide rounded-full px-6 text-sm;
+  }
+}