Как заставить часть SVG вращаться вокруг своей оси?
 

Здравствуйте.
https://jsfiddle.net/sh6kbv1u/2/

Делаю тебе свой курсор. Нужно чтобы при наведении circle "C2" (пунктир) начинал вращаться вокруг своей оси. Когда я делаю transform rotate, то он начинает вращаться вокруг опорной точки, а изменение transform-origin ничем не помогает.

надо чтобы parent был relative, а child transform origin был 50/50, ну и не надо миксовать vh с %... ) и хочется 40-80мс...