Refactor approval button styling

internal/service/static/css/main.css

@@ -1493,37 +1493,31 @@ body {
 
 .message__approval-btn {
   flex: 1;
-  padding: 0.25rem var(--s-1);
+  padding: var(--s-2) var(--s-1);
   font-size: var(--s-1);
   font-weight: 500;
-  color: var(--color-text);
-  background: var(--color-surface);
-  border: var(--border-width) solid var(--color-border);
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  color: white;
+  border: var(--border-width) solid transparent;
   border-radius: var(--radius);
   cursor: pointer;
 }
 
 .message__approval-btn--approve {
-  color: white;
   background: var(--color-green);
   border-color: var(--color-green);
 }
 
 .message__approval-btn--deny {
-  color: var(--color-red);
+  background: var(--color-red);
   border-color: var(--color-red);
 }
 
 @media (hover: hover) {
-  .message__approval-btn--approve:hover {
-    background: var(--color-green);
-    filter: brightness(1.1);
-  }
-
+  .message__approval-btn--approve:hover,
   .message__approval-btn--deny:hover {
-    color: white;
-    background: var(--color-red);
-    border-color: var(--color-red);
+    filter: brightness(1.1);
   }
 }
 

internal/service/templates/static/templates.gohtml

@@ -223,16 +223,16 @@
           </div>
         </details>
         <div class="message__approval" hidden>
-          <button
-            type="button"
-            class="message__approval-btn message__approval-btn--approve"
-            aria-label="Approve tool call"
-          >Approve</button>
           <button
             type="button"
             class="message__approval-btn message__approval-btn--deny"
             aria-label="Deny tool call"
           >Deny</button>
+          <button
+            type="button"
+            class="message__approval-btn message__approval-btn--approve"
+            aria-label="Approve tool call"
+          >Approve</button>
         </div>
         <div class="message__actions">
             <svg class="message__icon" aria-hidden="true"><use href="/static/icons.svg#assistant"></use></svg>