Update templates/menu.html

templates/menu.html

@@ -96,38 +96,38 @@
     transition: background-color 0.3s ease;
 } */
 
-.add-btn {
+.custom-add-btn {
     position: absolute;
     top: 50%;
     right: 10px;  /* Position the Add button right next to Customize */
     transform: translateY(-50%);
-    background-color: #D32F2F;  /* Chilly Red color for the Add button */
-    color: #fff;
-    border-color: #D32F2F;
+    background-color: #D32F2F;  /* Red color for the Add button */
+    color: #fff;  /* White text color */
+    border: none;  /* No border */
     padding: 6px 18px;
     border-radius: 20px;
     display: flex;
     align-items: center;
     font-size: 14px;
-    box-shadow: none;
-    font-weight: bold;/* Ensure no box shadow */
+    box-shadow: none;  /* Ensure no box shadow */
+    font-weight: bold;  /* Bold text */
 }
 
-/* Remove hover effect */
-/* .add-btn:hover {
-    background-color: #D32F2F;  /* No hover color change */
+/* No hover effect */
+.custom-add-btn:hover {
+    background-color: #D32F2F;  /* Keep the same color on hover */
     border-color: #D32F2F;
-} */
+}
 
-/* No hover transition, keeping the same color */
-.add-btn i {
-    margin-left: 5px; /* Icon spacing */
+.custom-add-btn i {
+    margin-left: 5px;  /* Icon spacing */
 }
 
 
 
 
 
+
 .card-btn{
   display: flex;
   flex-direction: row;
@@ -572,7 +572,7 @@ form-check-input addon-option{
         </div>
            <div>
              <!-- Add Button on Image -->
-        <button class="btn add-btn">
+        <button class="btn custom-add-btn">
             Add +
         </button>
            </div>