diff --git a/src/FileListComponent.js b/src/FileListComponent.js
index 322c70d..2bd21c0 100644
--- a/src/FileListComponent.js
+++ b/src/FileListComponent.js
@@ -95,9 +95,23 @@ const FileListComponent = () => {
   return (
     <div className={styles.fileListSection}>
       <div className={styles.fileListHeader}>
-        <h2 className={styles.fileListTitle}>📁 Daftar Anggota</h2>
-        <span className={styles.fileCount}>{files.length} file tersedia</span>
-      </div>
+  <h2 className={styles.fileListTitle}>📁 Daftar Anggota</h2>
+  <div style={{ display: "flex", alignItems: "center", gap: "1rem" }}>
+    <button
+      onClick={() => {
+        window.open(
+          "https://bot.kediritechnopark.com/webhook/api/download",
+          "_blank"
+        );
+      }}
+      className={styles.downloadButton}
+    >
+      ⬇️ Unduh Excel
+    </button>
+    <span className={styles.fileCount}>{files.length} file tersedia</span>
+  </div>
+</div>
+
 
       {successMessage && (
         <div className={styles.successMessage}>
diff --git a/src/FileListComponent.module.css b/src/FileListComponent.module.css
index f54da0f..53ad054 100644
--- a/src/FileListComponent.module.css
+++ b/src/FileListComponent.module.css
@@ -480,3 +480,19 @@
     margin: 3rem auto;
   }
 }
+
+.downloadButton {
+  background-color: #00adef;
+  color: white;
+  border: none;
+  padding: 6px 12px;
+  border-radius: 8px;
+  cursor: pointer;
+  font-weight: bold;
+  font-size: 0.9rem;
+  transition: background-color 0.3s ease;
+}
+
+.downloadButton:hover {
+  background-color: #008fc4;
+}