Update static/styles.css

static/styles.css

@@ -128,6 +128,7 @@ body {
     opacity: 0.9;
 }
 
+
 /* Horizontal scrollable ingredient list with images */
 .ingredients-list {
     max-height: 200px;
@@ -170,7 +171,24 @@ body {
 .ingredients-list button:hover {
     background-color: #45a049;
 }
+.send-button {
+    display: inline-block;
+    padding: 10px 15px;
+    margin-top: 10px;
+    background-color: #000000; /* Black background to match your image */
+    color: white;
+    border: none;
+    border-radius: 5px;
+    cursor: pointer;
+    transition: background-color 0.3s;
+    font-size: 14px;
+    min-width: 100px;
+    text-align: center;
+}
 
+.send-button:hover {
+    background-color: #333333; /* Darker shade on hover */
+}
 /* Non-editable selected ingredients box */
 .selected-ingredients {
     padding: 10px;