menu lang mobile styles

src/components/navigation/menu-language-item/menu-language-item.scss

@@ -3,14 +3,15 @@
 }
 
 a {
-  @include font-size(12px, 20px);
+  @include font-size(12px, 16px);
   @include font-weight($regular);
   align-items: center;
   color: var(--brand-main-nearly-black);
   display: flex;
   font-family: var(--main-font-family);
-  letter-spacing: -0.4px;
+  letter-spacing: -0.07px;
   margin-left: 20px;
+  position: relative;
   text-decoration: none;
   text-transform: uppercase;
 
@@ -40,13 +41,22 @@ a {
   }
 
   &.is-active {
+    @include font-weight($bold);
+    color: var(--grayscale-black);
+
     @include breakpoint($wide) {
+      @include font-weight($semibold);
       border: 2px solid var(--grayscale-black);
     }
 
-    .hy-menu-language-item__label {
-      color: var(--grayscale-black);
-      border-bottom: 2px solid var(--additional-orange);
+    .hy-menu-language-item__label:after {
+      content: ' ';
+      border-bottom: 3px solid var(--additional-orange);
+      bottom: -6px;
+      left: 0;
+      position: absolute;
+      transform: scaleX(-1) scaleY(-1);
+      width: 100%;
 
       @include breakpoint($wide) {
         border: none;
@@ -55,13 +65,10 @@ a {
   }
 
   &.is-disabled {
-    @include breakpoint($wide) {
+    color: var(--link-disabled);
+    &:hover {
+      background-color: transparent;
       color: var(--link-disabled);
-
-      &:hover {
-        background-color: transparent;
-        color: var(--link-disabled);
-      }
     }
   }