Update static/index.css

static/index.css

@@ -108,16 +108,8 @@ body {
 }
 
 /* Buttons container */
-.button-group {
-  display: flex;
-  flex-direction: column;  /* stack buttons vertically */
-  gap: 10px;
-  width: 100%;
-}
-
-/* Buttons */
 .btn {
-        flex: 1;
+      flex: 1;
       padding: 14px 20px;
       border: none;
       border-radius: 8px;
@@ -131,23 +123,24 @@ body {
       justify-content: center;
       gap: 8px;
     }
-
-
-.btn-primary {
-  background-color: #1a73e8;
-}
-
-.btn-primary:hover {
-  background-color: #155ab6;
-}
-
-.btn-secondary {
-  background-color: #eee;
-  color: #333;
-  border: 1px solid #ccc;
-}
-
-.btn-secondary:hover {
-  background-color: #ddd;
-  color: #000;
-}
+    .btn-primary {
+      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+      color: white;
+    }
+    .btn-primary:hover:not(:disabled) {
+      transform: translateY(-2px);
+      box-shadow: 0 5px 15px rgba(102, 126, 234, 0.4);
+    }
+    .btn-secondary {
+      background: white;
+      color: #333;
+      border: 2px solid #e1e5e9;
+    }
+    .btn-secondary:hover {
+      background: #f8f9fa;
+      border-color: #333;
+    }
+    .btn:disabled {
+      opacity: 0.6;
+      cursor: not-allowed;
+    }