Эффект наведения курсора мыши на кнопки

кнопка эффекта наведения курсора css

/*CSS Hover*/
.button {
  border-radius: 3px;
  border: none;
  background-color: red;
  color: white;
  transition: all 0.3s ease
}
.button:hover {
  transform: rotate(360deg);
  transform: scale(1.01);
}