Differences

This shows you the differences between two versions of the page.

--- handleiding_nieuw:demo_project [2025/05/08 14:34] – external edit 127.0.0.1
+++ handleiding_nieuw:demo_project [2025/05/13 15:03] (current) – support
@@ Line 78: / Line 78: @@
   </div>
-  <button onclick="showNextProTip()"
+<button onclick="showNextProTip()"
-          style="margin-top: 0.8em; background-color: #2a7ae2; color: white; border: none; padding: 8px 14px; border-radius: 4px; cursor: pointer;">
+        style="
-    🎯 Toon volgende Pro-tip
+          margin-top: 1em !important;
-  </button>
+          background-color: #2a7ae2 !important;
+          color: black !important;
+          border: none !important;
+          padding: 12px 20px !important;
+          font-size: 1.05em !important;
+          font-weight: bold !important;
+          border-radius: 6px !important;
+          cursor: pointer !important;
+          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1) !important;
+          transition: background-color 0.3s, transform 0.2s !important;"
+        onmouseover="this.style.backgroundColor='#1a5fcc'; this.style.transform='translateY(-1px)'"
+        onmouseout="this.style.backgroundColor='#2a7ae2'; this.style.transform='none'">
+  🎯 Toon volgende Pro-tip
+</button>
   <script>