/* line 6, ../sass/langButton.scss */
#landShow {
  background-color: #fff;
  border-color: #a1a1a1;
  position: fixed;
  bottom: 3em;
  left: 1em;
  font-size: 25px;
  border-radius: 3px;
  z-index: 11;
  transition: .3s linear;
}
/* line 16, ../sass/langButton.scss */
#landShow:hover, #landShow:focus {
  background: #c9c9c9;
}
@media screen and (max-width: 450px) {
  /* line 6, ../sass/langButton.scss */
  #landShow {
    font-size: 20px;
    bottom: 2em;
    left: 1em;
  }
}

/* line 25, ../sass/langButton.scss */
#langShowerMenu {
  background-color: #fff;
  position: fixed;
  bottom: 7.25em;
  font-size: 17px;
  box-shadow: 0 0 0 2px #e2e2e2;
  left: 1.8em;
  z-index: 10;
  height: 105px;
  overflow: hidden;
  animation: plusHeight .3s 1 linear both;
  transition: .3s linear;
}
/* line 37, ../sass/langButton.scss */
#langShowerMenu a {
  color: black;
  width: 100%;
  padding: 0.5em;
  transition: background .3s linear;
}
/* line 42, ../sass/langButton.scss */
#langShowerMenu a:hover {
  background: #e9e8e8;
}
/* line 46, ../sass/langButton.scss */
#langShowerMenu.hiddddden {
  animation: minusHeight .3s 1 linear both;
}
@media screen and (max-width: 450px) {
  /* line 25, ../sass/langButton.scss */
  #langShowerMenu {
    bottom: 4.75em;
    left: 1.33em;
  }
}

@keyframes minusHeight {
  0% {
    height: 72px;
  }
  100% {
    height: 0;
  }
}
@keyframes plusHeight {
  0% {
    height: 0px;
  }
  100% {
    height: 72px;
  }
}
