svg.circletext {
fill: currentColor;
height: auto;
transform-origin: center;
width: 100%;
animation-duration: 5s;
}
.rotate:hover svg.circletext {
-webkit-animation-name: rotate;
animation-name: rotate;
animation-duration: 5s;
-o-animation-iteration-count: infinite;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
.auto_rotate {
-webkit-animation-name: rotate;
animation-name: rotate;
animation-duration: 5s;
-o-animation-iteration-count: infinite;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
@keyframes rotate {
from {
transform: rotate(0);
-webkit-filter: blur(0.5px);
}
to {
transform: rotate(360deg);
-webkit-filter: blur(0px);
}
}