button.hamburger{outline:none;background:transparent;border:none;margin:0;padding:0;cursor:pointer}button.hamburger>div{position:relative;background-color:hsla(0,0%,100%,.8);height:1px;transform-origin:center center;transition:margin .3s ease-in-out,background-color .3s ease-in-out,transform .3s ease-in-out,opacity .3s ease-in-out,visibility .3s ease-in-out}button.hamburger>div:nth-of-type(2){margin:6px 0}button.hamburger[aria-expanded=true]>div{background-color:#fff}button.hamburger[aria-expanded=true]>div:first-of-type{transform:rotate(45deg);margin-bottom:-1px}button.hamburger[aria-expanded=true]>div:nth-of-type(2){margin:0;opacity:0;visibility:hidden}button.hamburger[aria-expanded=true]>div:last-of-type{transform:rotate(-45deg);margin-top:-1px}button.hamburger:hover div{background-color:#fff}