Harmonize box-shadow and backdrop-filter on floating buttons and move host-btn to bottom on mobile to declutter

Author: SableRaf

pcd-website/src/components/LanguageSwitcher.vue

@@ -101,7 +101,8 @@ onUnmounted(() => document.removeEventListener('click', handleOutsideClick));
   font-family: var(--font-family);
   font-size: 0.8125rem;
   font-weight: 600;
-  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
+  box-shadow: 0 10px 28px rgba(18, 19, 33, 0.18);
+  backdrop-filter: blur(14px);
   transition: background-color 0.12s ease, color 0.12s ease, border-color 0.12s ease;
   white-space: nowrap;
 }
@@ -166,13 +167,4 @@ onUnmounted(() => document.removeEventListener('click', handleOutsideClick));
   font-weight: 600;
 }
 
-@media (max-width: 480px) {
-  .lang-current {
-    display: none;
-  }
-
-  .lang-chevron {
-    display: none;
-  }
-}
 </style>

pcd-website/src/styles/global.css

@@ -143,7 +143,8 @@ html.theme-transition *::after {
   font-weight: 600;
   text-decoration: none;
   white-space: nowrap;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
+  box-shadow: 0 10px 28px rgba(18, 19, 33, 0.18);
+  backdrop-filter: blur(14px);
   transition: background-color 0.15s ease, box-shadow 0.15s ease;
   cursor: pointer;
 }
@@ -158,6 +159,14 @@ html.theme-transition *::after {
   color: #1a1a1a;
 }
 
+@media (max-width: 600px) {
+  #host-btn {
+    top: auto;
+    bottom: calc(var(--spacing-md) + 80px);
+    transform: translateX(-50%);
+  }
+}
+
 /* ─── Burger Button ─────────────────────────────────────────── */
 #burger-btn {
   position: fixed;
@@ -175,7 +184,8 @@ html.theme-transition *::after {
   display: flex;
   align-items: center;
   justify-content: center;
-  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
+  box-shadow: 0 10px 28px rgba(18, 19, 33, 0.18);
+  backdrop-filter: blur(14px);
   transition: background-color 0.12s ease, color 0.12s ease, border-color 0.12s ease;
 }