Button by isfandiyor132

1.btn {
2  display: flex;
3  justify-content: center;
4  align-items: center;
5  color: #ffffff;
6  outline: none;
7  height: 50px;
8  width: 150px;
9  border: none;
10  text-decoration: none;
11  background-image: linear-gradient(115deg,#4fcf70,#fad648,#a767e5,#12bcfe,#44ce7b);
12}
13
14.btn:hover {
15  animation: rotate 0.4s linear infinite;
16}
17
18@keyframes rotate {
19  100% {
20    filter: hue-rotate(-360deg)
21  }
22}
23
24.btn span {
25  display: flex;
26  justify-content: center;
27  align-items: center;
28  height: 42px;
29  width: 142px;
30  background: #222222;
31  font-size: 18px;
32}