.burger{font-size:0;position:relative;display:flex;flex-direction:column;justify-content:center;width:17px;height:17px}.burger>span{width:17px;height:1px;background:#000;margin-top:0;transition:.2s ease;border-radius:1px}.burger>span:nth-child(2){transition:.2s margin ease;transition-delay:.2s;margin-top:6px;margin-bottom:6px}.burger--active{transform:rotate(180deg)}.burger--active>span{height:2px}.burger--active>span:nth-child(1),.burger--active>span:nth-child(3){transition-delay:.2s}.burger--active>span:nth-child(1){transform:rotate(45deg);margin-top:2px}.burger--active>span:nth-child(2){transition-delay:0s;margin-top:-1px;margin-bottom:-1px;opacity:0}.burger--active>span:nth-child(3){transform:rotate(-45deg);margin-top:-2px}