.burguer-transition{background-color:#fff;width:20px;height:1px;transition:all .3s;position:relative;top:0;left:0}.burguer-transition.animate{animation:.75s both burguerToCloseMiddle}.burguer-transition.animate:after{animation:.75s both burguerToCloseTop}.burguer-transition.animate:before{animation:.75s both burguerToCloseBottom}.burguer-transition:after{content:"";background-color:#4e1389;width:20px;height:1px;transition:all .3s;position:absolute;top:-5px;left:0}.burguer-transition:before{content:"";background-color:#4e1389;width:20px;height:1px;transition:all .3s;position:absolute;top:5px;left:0}@keyframes burguerToCloseMiddle{0%{background-color:#fff}to{background-color:#0000}}@keyframes burguerToCloseTop{0%{transform:rotate(0)translateY(0)}to{transform:rotate(45deg)translateY(3px)}}@keyframes burguerToCloseBottom{0%{transform:rotate(0)translateY(0)}to{transform:rotate(-45deg)translate(4px,-7px)}}