Update templates/menu.html

templates/menu.html

@@ -11,30 +11,23 @@
 
 
 /* subbu */
- .addbutton .btn {
-  background: linear-gradient(135deg, #ffffff, #f0f0f0); /* Gradient white background */
-  color: green; /* Make text color transparent */
-  background-clip: text; /* Apply the gradient to the text */
-  -webkit-background-clip: text; /* For Safari compatibility */
-  border: 1px solid #90ee90; /* Light green border */
-  padding: 6px 15px; /* Smaller padding */
-  font-size: 14px; /* Smaller font size */
-  font-weight:bold;
-  border-radius: 5px; /* Optional: round the corners */
-  transition: background 0.3s ease, border-color 0.3s ease; /* Add transition effect for hover */
-  margin-left: 13px; /* Margin for positioning */
-}
-
-.addbutton .btn:hover {
-  background: linear-gradient(135deg, #f0f0f0, #ffffff); /* Reverse gradient for hover effect */
-  border-color: #28a745; /* Darker green border on hover */
-  background-clip: text; /* Ensure the gradient is clipped to the text on hover */
-  -webkit-background-clip: text; /* Safari compatibility */
-}
-
+  .addbutton .btn {
+        background-color: #28a745; /* Green background color */
+        color: white; /* White text color */
+        padding: 10px 20px; /* Add padding to the button */
+        font-size: 16px; /* Increase font size */
+        font-weight: bold; /* Make text bold */
+        border-radius: 5px; /* Rounded corners */
+        border: none; /* Remove border */
+        transition: background-color 0.3s ease; /* Smooth transition for hover effect */
+        margin-left: 13px; /* Margin for positioning */
+    }
 
+    .addbutton .btn:hover {
+        background-color: #218838; /* Darker green background on hover */
+    }
 
-.customisable-text {
+ .customisable-text {
     color: #28a745; /* Same color as the "ADD" button */
     font-size: 12px; /* Same font size as the "ADD" button */
     margin-left: 5px;