hover effect button css

1/*CSS Hover*/
2.button {
3  border-radius: 3px;
4  border: none;
5  background-color: red;
6  color: white;
7  transition: all 0.3s ease
8}
9.button:hover {
10  transform: rotate(360deg);
11  transform: scale(1.01);
12}

1.btn {
2  background-color: #ddd;
3  border: none;
4  color: black;
5  padding: 16px 32px;
6  text-align: center;
7  font-size: 16px;
8  margin: 4px 2px;
9  transition: 0.3s;
10}
11
12.btn:hover {
13  background-color: #3e8e41;
14  color: white;
15}

1<!--BUTTON-->
2<button class="button">CLICK</button>
3<link type="stylesheet" src="style.css">