Änderung: Anpassung des Styles für die Kontakt-Schaltfläche im SettingsWidget

Änderungen:
- Aktualisierung der Hintergrundfarbe, Textfarbe und Rahmen der Kontakt-Schaltfläche.
- Verbesserung der Hover- und Active-Zustände für eine bessere Benutzererfahrung.

Diese Anpassungen verbessern die visuelle Gestaltung und Benutzerinteraktion der Kontakt-Schaltfläche.

frontend/src/components/SettingsWidget.vue

@@ -250,21 +250,21 @@ export default {
     }
     
     .contact-button {
-        background-color: #007bff;
-        color: white;
-        border: none;
-        padding: 5px 10px;
-        border-radius: 4px;
+        margin-left: 10px;
+        padding: 5px 12px;
         cursor: pointer;
+        background: #F9A22C;
+        color: #000000;
+        border: 1px solid #F9A22C;
+        border-radius: 4px;
+        transition: background 0.05s;
+        border: 1px solid transparent;
         font-size: 12px;
-        transition: background-color 0.2s;
     }
     
     .contact-button:hover {
-        background-color: #0056b3;
-    }
-    
-    .contact-button:active {
-        background-color: #004085;
+        background: #fdf1db;
+        color: #7E471B;
+        border: 1px solid #7E471B;
     }
 </style>