From db1a2c5a45361b2e25902ab0818eb0b975dc4b9c Mon Sep 17 00:00:00 2001
From: Antoine M <martinon.toinou@protonmail.com>
Date: Wed, 8 Apr 2026 15:47:42 +0200
Subject: [PATCH] FEATURE introducing the load more button component

---
 .../css/components/buttons/load-more.css      | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)
 create mode 100644 resources/css/components/buttons/load-more.css

diff --git a/resources/css/components/buttons/load-more.css b/resources/css/components/buttons/load-more.css
new file mode 100644
index 0000000..01b4a41
--- /dev/null
+++ b/resources/css/components/buttons/load-more.css
@@ -0,0 +1,19 @@
+.load-more-button {
+  @apply text-primary font-semibold flex items-center justify-center gap-2;
+
+  &:after {
+    @apply content-[''] h-8 w-8 block;
+    background-image: url('../resources/img/icons/button-arrow-down-small.svg');
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: center;
+    transition: transform 0.3s ease-in-out;
+    transform: translateY(0);
+  }
+
+  &:hover {
+    &:after {
+      transform: translateY(2px);
+    }
+  }
+}