#hamburger_button #hamburger_toggle:checked ~ span:nth-of-type(1) {
    transform-origin: top;
    transform: rotatez(45deg) translate(25%, 200%);
}

#hamburger_button #hamburger_toggle:checked ~ span:nth-of-type(2) {
    transform-origin: left;
    transform: scaleX(0);
}

#hamburger_button #hamburger_toggle:checked ~ span:nth-of-type(3) {
    transform-origin: bottom;
    transform: rotatez(-45deg) translate(25%, -200%);
}