<style>
.ボタン{position:absolute;
top:150px;
left:300px;
background-color:green;
color:white;
padding:10px 20px;
border:none;
border-radius:5px;
font-size:16px;
cursor:pointer;
transition:transform 0.2s ease,background-color 1s ease;}
.ボタン:hover{transform:rotate(6deg);
background-color:grey;}
</style>

<button class="ボタン">ホバー・カラー Rotate</button>