Make success done button nicer

Author: IzaakPrats

src/lib/components/inventory/list_item_modal.ts

@@ -323,7 +323,9 @@ export class ListItemModal extends FloatElement {
                                     View Your Stall on CSFloat
                                 </a>
                             </div>
-                            <button class="close-modal-button" @click="${this.handleClose}">Done</button>
+                            <button class="base-button primary-button success-button" @click="${this.handleClose}">
+                                Done
+                            </button>
                         </div>
                     </div>
                 </div>

src/lib/components/inventory/list_item_modal_styles.ts

@@ -397,25 +397,13 @@ export const listItemModalStyles = [
             text-decoration: none;
         }
 
-        .divider {
-            border-top: 1px solid #4b5f73;
-            margin: 20px 0;
-        }
-
-        .close-modal-button {
+        .success-button {
             width: 100%;
-            padding: 10px;
-            background: #2a475e;
-            border: none;
-            border-radius: 4px;
-            color: #ffffff;
-            font-size: 16px;
-            cursor: pointer;
-            transition: background-color 0.2s;
         }
 
-        .close-modal-button:hover {
-            background: #3d6c8d;
+        .divider {
+            border-top: 1px solid #4b5f73;
+            margin: 20px 0;
         }
 
         .tradable-warning {