Specific language switcher position on mobile

Good evening folks!
Is there any good soul willing to help me with this? 🙂

I have manually created a multilingual website using Brad's guide, but I can't find a way to set the proper position for the language switcher on mobile.
Here is the CSS code i've added for the desktop version in order to place it next to the shopping cart (don't even know if it's correct :'D ) : 

.language {
  color: #ED5A62;
  position: absolute;
  top: 45px;
  right: 80px;
  z-index: 99999;
  a {
    color: #ED5A62;
    &:hover {
      opacity: 0.8;
    }
  }
}

However it gets messy on mobile.
Is there any way I can only make it visible when the hamburger menu is clicked (above or below the navigation links)?
Or at least place it in a better position?
website: www.cluegovisit.com

Thank you in advance for your time!

Use the CSS code

@media screen and (max-width: 991px) {
    .language {
        visibility:hidden;
    }

    body.header--menu-open .language {
        visibility: visible;
        top: 35px;
        right: 70px;
    }
}