JSFiddle - React, Tailwind, and code Playground

HTML

<button>Rotate</button>
<div id="gear">
@
</div>

CSS

#gear{
    position:absolute;
    left:100px;
    top:100px;
    transition: transform 300ms;
    transform: rotate(7deg);
    transform-origin:90% 90%;
    font-size:10rem;
    width:100px;
    height:100px;
}

JavaScript

(function(){
    var rotation = 0;
    function rotate(){
        rotation+=20;
    	$("#gear").css("transform","rotate("+rotation+"deg)");
    }
    
    $("button").on("click",rotate);
    
})();