.language-menu
  position: relative
  margin-right: 10px
  overflow: visible
  &:hover
    cursor: pointer;

  .bar
    padding-right: 15px
    &:after
      position: absolute
      top: 0
      right: 0px
      width: 5px
      height: 100%
      transform: rotate(90deg)

      content: ""
      background-position: 0 center
      background-repeat: no-repeat
      background-image: url("/img/svg/arrow/arrow_white.svg")
      transition: background-position 0.2s

  .dropdown
    position: absolute
    left: -5px
    margin-top: 10px
    display: none
    z-index: 10
    background-color: $euroLighterGrey
    padding: 0 10px
    border-radius: 0 0 5px 5px
    box-shadow: 2px 2px 10px 0px rgba(48,127,211,0.2)

    ul
      list-style: none
      padding: 0
      margin: 5px 0

      li
        a
          font-size: 10px
          text-decoration: none
          color: $euroTextGrey

          padding: 5px 0
          display: block
          line-height: 1.2em
          text-align: center
          text-transform: uppercase
          transition: transform 0.2s
          &:hover
            transform: scale(1.1)

  &.open
    .dropdown
      display: block