Harmonize button styles

Author: SableRaf

pcd-website/src/components/NodeList.vue

@@ -172,7 +172,9 @@ function handleKeydown(e: KeyboardEvent) {
 }
 
 .list-close:hover {
-  background: #f5f5f5;
+  background: var(--color-primary);
+  color: #fff;
+  border-color: var(--color-primary);
 }
 
 .list-items {

pcd-website/src/styles/global.css

@@ -144,21 +144,23 @@ body {
   z-index: var(--z-controls);
   width: 44px;
   height: 44px;
-  background: var(--color-bg);
-  border: 2px solid var(--color-border);
-  border-radius: 6px;
+  background: var(--color-bg-popup);
+  border: 1px solid var(--color-border);
+  border-radius: 8px;
   cursor: pointer;
   font-size: 1.25rem;
   color: var(--color-text);
   display: flex;
   align-items: center;
   justify-content: center;
-  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
-  transition: background-color 0.15s ease;
+  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
+  transition: background-color 0.12s ease, color 0.12s ease, border-color 0.12s ease;
 }
 
 #burger-btn:hover {
-  background: var(--color-border);
+  background: var(--color-primary);
+  color: #fff;
+  border-color: var(--color-primary);
 }
 
 /* ─── Leaflet Popup Overrides ───────────────────────────────── */