Почему совершается лишние движение элемента?

Есть окружность по которой должен бегать мелкий круг, но после 3-го (шага) клика на next, элемент описывает полностью всю окружность и занимает позицию так таковую которая предполагалась.

Почему круг совершает движение по все окружности и возвращается в предполагаемое положение?

https://jsfiddle.net/yanyshevvd/r0svp54y/