Update app.py

app.py

@@ -46,6 +46,35 @@ loader_html = """
 </style>
 """
 
+# ============================================================
+# ADDED: Custom CSS for the button
+# ============================================================
+button_css = """
+<style>
+/* Style for the button */
+.custom-button {
+    background-color: black; /* Black background */
+    color: white; /* White text */
+    border: none; /* No border */
+    padding: 15px 30px; /* Padding */
+    font-size: 16px; /* Font size */
+    border-radius: 25px; /* Rounded corners (fully rounded) */
+    cursor: pointer; /* Pointer cursor on hover */
+    transition: background-color 0.3s ease; /* Smooth transition */
+}
+
+/* Hover effect */
+.custom-button:hover {
+    background-color: #333333; /* Slightly lighter black on hover */
+}
+
+/* Active (click) effect */
+.custom-button:active {
+    background-color: #666666; /* Even lighter black on click */
+}
+</style>
+"""
+
 article_text = """
 <div style="text-align: center;">
     <p>Leer zelf Generative AI-tools te bouwen en te begrijpen!</p>