svg{transition:transform .5s cubic-bezier(.4,0,.2,1)}.active svg{transform:rotate(90deg)}path{transition:transform .5s cubic-bezier(.4,0,.2,1),stroke-dasharray .5s cubic-bezier(.4,0,.2,1),stroke-dashoffset .5s cubic-bezier(.4,0,.2,1)}path:first-child{transform-origin:36% 40%}path:nth-child(2){stroke-dasharray:29 299}path:nth-child(3){transform-origin:35% 63%}path:nth-child(4){stroke-dasharray:29 299}path:nth-child(5){transform-origin:61% 52%}path:nth-child(6){transform-origin:62% 52%}.active path:first-child{transform:translateX(9px) translateY(1px) rotate(45deg)}.active path:nth-child(2){stroke-dasharray:225 299;stroke-dashoffset:-72px}.active path:nth-child(3){transform:translateX(9px) translateY(1px) rotate(-45deg)}.active path:nth-child(4){stroke-dasharray:225 299;stroke-dashoffset:-72px}.active path:nth-child(5){transform:translateX(9px) translateY(1px) rotate(-45deg)}.active path:nth-child(6){transform:translateX(9px) translateY(1px) rotate(45deg)}