Update assets/styles.css

assets/styles.css

@@ -483,4 +483,42 @@ body, .gradio-container {
     .hero-banner .farmer-counter {
         text-align: center;
     }
+}
+
+/* ---------- Download Data Button (compact, hijau) ---------- */
+.download-data-btn {
+    display: inline-flex !important;
+    width: fit-content !important;
+    max-width: fit-content !important;
+    flex: 0 0 auto !important;
+    align-self: flex-start !important;
+    margin: 4px 0 16px !important;
+}
+
+.download-data-btn a,
+.download-data-btn button {
+    width: auto !important;
+    background: var(--good) !important;
+    background-color: var(--good) !important;
+    border: 1px solid var(--good) !important;
+    color: #0B1B22 !important;
+    font-weight: 600 !important;
+    font-size: 13px !important;
+    padding: 8px 18px !important;
+    border-radius: 999px !important;
+    box-shadow: none !important;
+    white-space: nowrap !important;
+}
+
+.download-data-btn a:hover,
+.download-data-btn button:hover {
+    background: #5FC28C !important;
+    background-color: #5FC28C !important;
+    border-color: #5FC28C !important;
+}
+
+.download-data-btn a:disabled,
+.download-data-btn button:disabled {
+    opacity: 0.6 !important;
+    cursor: not-allowed !important;
 }