.burger-button{position:relative;width:20px;height:20px;background:rgba(0,0,0,0);border:none;padding:0;flex-shrink:0;outline:none;color:inherit}.burger-button span{left:0;width:18px;height:1px;background-color:currentColor;border-radius:1px;position:absolute;transition:all .7s cubic-bezier(.76,0,.24,1)}.burger-button span:first-child{top:1px}.burger-button span:nth-child(2){top:8px}.burger-button span:nth-child(3){top:15px}.burger-button.opened span:first-child{transform:translateY(4px)}.burger-button.opened span:nth-child(2){transform:translateX(100%);opacity:0}.burger-button.opened span:nth-child(3){transform:translateY(-4px)}