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);
   }
 }