.language-menu
  +flex(flex-end, center)

  #mobile-navigation &
    margin-top: 30px
    +flex(flex-start, center)

  span, a
    +flex(center, center)
    width: 32px
    height: 32px
    border-radius: 100%
    border: 2px solid $grey

    + *
      margin-left: 5px

    &:after
      content: ''
      display: block
      width: 24px
      height: 24px
      border-radius: 100%

    &.nl
      &:after
        +flagSprite(0 0, 24px, 24px)

    &.en
      &:after
        +flagSprite(83px 0, 24px, 24px)

  a
    opacity: 0.3
    transition: opacity 0.3s

    &:hover
      opacity: 1

  span
    border-color: darken($blue, 5%)