fix(styles): LangToggle a11y isues and BEM formatting

Author: justintemps

.changeset/dull-teachers-allow.md

@@ -0,0 +1,5 @@
+---
+"@ilo-org/styles": patch
+---
+
+**LanguageToggle:** Fix accessibility issues and BEM classnames

packages/styles/scss/components/_languagetoggle.scss

@@ -8,19 +8,34 @@
   --ilo--language-toggle-bg: transparent;
   --ilo--language-toggle-bg-hover: transparent;
 
-  &--dark {
-    --ilo--language-toggle-color: var(--ilo-color-blue-dark);
-    --ilo--language-toggle-color-hover: var(--ilo-color-white);
+  &__theme {
+    &__dark {
+      --ilo--language-toggle-color: var(--ilo-color-blue-dark);
+      --ilo--language-toggle-color-hover: var(--ilo-color-white);
+    }
   }
 
   &:hover,
-  &--open {
+  &__open {
     --ilo--language-toggle-color: var(--ilo--language-toggle-color-hover);
     --ilo--language-toggle-bg: var(--ilo--language-toggle-bg-hover);
   }
 
+  display: inline-block;
+
   &--container {
-    all: unset;
+    // Button unsets to perserve accessibility
+    background: none;
+    border: none;
+    padding: 0;
+    margin: 0;
+    font: inherit;
+    color: inherit;
+    outline: none;
+    box-shadow: none;
+    appearance: none;
+    cursor: pointer;
+
     display: flex;
     align-items: center;
     gap: px-to-rem(4px);