Update templates/menu.html

templates/menu.html

@@ -101,7 +101,7 @@
     top: 50%;
     right: 10px;  /* Position the Add button right next to Customize */
     transform: translateY(-50%);
-    background-color: #D32F2F;  /* Red color for the Add button */
+    background-color: #D32F2F;  /* Chilly Red color for the Add button */
     color: #fff;
     border: none;
     padding: 6px 18px;
@@ -109,16 +109,17 @@
     display: flex;
     align-items: center;
     font-size: 14px;
+    box-shadow: none;  /* Ensure no box shadow */
 }
 
-/* .add-btn:hover, */
-/* .customize-btn:hover {
-    background-color: #6a5d4b;
-    transition: background-color 0.3s ease;
-} */
+/* Remove hover effect */
+.add-btn:hover {
+    background-color: #D32F2F;  /* No hover color change */
+    border-color: #D32F2F;
+}
 
-.add-btn i,
-.customize-btn i {
+/* No hover transition, keeping the same color */
+.add-btn i {
     margin-left: 5px; /* Icon spacing */
 }