web/DialogButtons: move elevated button styling to layout

web/src/components/dialog/DialogButtons.svelte

@@ -8,7 +8,7 @@
 <div class="popup-buttons">
     {#each buttons as button}
         <button
-            class="button popup-button {button.color}"
+            class="button elevated popup-button {button.color}"
             class:color={button.color}
             class:active={button.main}
             on:click={async () => {
@@ -41,22 +41,4 @@
         background-color: var(--red);
         color: var(--white);
     }
-
-    .popup-button:not(.active) {
-        background-color: var(--button-elevated);
-    }
-
-    .popup-button:not(.active):active {
-        background-color: var(--button-elevated-hover);
-    }
-
-    .popup-button:not(:focus-visible) {
-        box-shadow: none;
-    }
-
-    @media (hover: hover) {
-        .popup-button:not(.active):hover {
-            background-color: var(--button-elevated-hover);
-        }
-    }
 </style>