rotating circle text

<style>

svg {
fill: white;
opacity: 85%;
transform-origin: center;
width: 100%;
animation: spin 8s linear infinite;
}

@keyframes spin {
100% { transform: rotate(-360deg); }
}

</style>

<body>

<svg viewBox="0 0 100 100" width="240" height="240">
<defs>
<path id="circle"
d="
M 50, 50
m -37, 0
a 37,37 0 1,1 74,0
a 37,37 0 1,1 -74,0"/>
</defs>
<text font-size="1em" font-family="sweety">
<textPath xlink:href="#circle">
info here info here info here info here
</textPath>
</text>
</svg>

</body>