input#language {
  display: none;
}
label#language_label {
  position: fixed;
  top: 20px;
  right: 20px;
  padding: 10px;
  cursor: pointer;
  z-index: 1;

  .flag {
    width: 20px;
  }
}

/*
* SWITCH FLAG
*/
#language {
  &:not(:checked) + #language_label {
    #fr {
      display: inline;
    }

    #en {
      display: none;
    }
  }

  &:checked + #language_label {
    #fr {
      display: none;
    }

    #en {
      display: inline;
    }
  }
}

/*
* SWITCH LANGUAGE
*/

#language {
  ~ * .fr,
  ~ * .en {
    display: none;
  }

  &:not(:checked) ~ * .en {
    display: inline;
  }

  &:checked ~ * .fr {
    display: inline;
  }
}