Why css transform doesn't work correctly in svg?

Question

css

The transformation works, but the object is shifting, I don’t even know how to do it anymore. The circle must spin non-stop non-stop
Video

Answer 1

Isn't it easier to throw a code into the sandbox than to make a video? Because it's easier to understand in the sandbox.
Therefore, only an assumption:
You do not correctly represent the pivot point. Elements do not rotate about their center, as we would all like. Read this article, I think it will become clear: https://css-tricks.com/transforms-on-svg-elements/

Answer 2

https://www.youtube.com/watch?v=xxZzGOBkDP8