Updated

static/main.css

@@ -166,24 +166,29 @@ body {
 }
 
 .chat-input button {
-  background: var(--dominos-red);
+  background: var(--dominos-blue);
   color: white;
   border: none;
-  border-radius: 14px;
-  padding: 14px 28px;
-  font-weight: 700;
+  border-radius: 50%;
+  width: 54px;
+  height: 54px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
   cursor: pointer;
-  transition: transform 0.2s ease, background 0.2s ease;
-  height: 52px;
+  transition: transform 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
+  box-shadow: 0 4px 12px rgba(0, 100, 145, 0.2);
+  flex-shrink: 0;
 }
 
 .chat-input button:hover {
-  background: #c1142d;
-  transform: translateY(-2px);
+  background: #004d70;
+  transform: translateY(-2px) scale(1.05);
+  box-shadow: 0 6px 18px rgba(0, 100, 145, 0.3);
 }
 
 .chat-input button:active {
-  transform: translateY(0);
+  transform: translateY(0) scale(0.95);
 }
 
 /* Markdown Styling */

templates/index.html

@@ -30,7 +30,12 @@
 
     <form id="chat-form" class="chat-input" autocomplete="off">
       <textarea name="question" id="input" placeholder="How can Domino's help you today?" required></textarea>
-      <button type="submit" id="send-btn">Send Order</button>
+      <button type="submit" id="send-btn" aria-label="Send">
+        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+          <path d="M5 12H19M19 12L12 5M19 12L12 19" stroke="white" stroke-width="3" stroke-linecap="round"
+            stroke-linejoin="round" />
+        </svg>
+      </button>
     </form>
   </div>