Button by andrew-demchenk0

1.button {
2  display: flex;
3  justify-content: center;
4  align-items: center;
5  padding: 6px 12px;
6  gap: 8px;
7  height: 32px;
8  width: 82px;
9  border: none;
10  background: #a549dacb;
11  border-radius: 20px;
12  cursor: pointer;
13}
14
15.lable {
16  line-height: 20px;
17  font-size: 17px;
18  color: #fff;
19  font-family: sans-serif;
20  letter-spacing: 1px;
21}
22
23.svg-icon {
24  width: 20px;
25  height: 20px;
26}
27
28.button:hover {
29  background: #A649DA;
30}
31
32.button:hover .svg-icon {
33  animation: rot 0.5s linear infinite;
34}
35
36@keyframes rot {
37  0% {
38    transform: rotate(0deg);
39  }
40
41  25% {
42    transform: rotate(-6deg);
43  }
44
45  50% {
46    transform: rotate(0deg);
47  }
48
49  75% {
50    transform: rotate(6deg);
51  }
52
53  100% {
54    transform: rotate(0deg);
55  }
56}