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: 124px;
9  border: none;
10  background: #056bfae0;
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.button:hover {
24  background: #056DFA;
25}
26
27.button:hover .svg-icon {
28  animation: msg 2s linear infinite;
29}
30
31@keyframes msg {
32  0% {
33    transform: translate(0, 0) scale(1);
34  }
35
36  15% {
37    transform: translateX(1px);
38  }
39
40  30% {
41    transform: scale(1.1);
42  }
43
44  45% {
45    transform: translateY(1px);
46  }
47
48  60% {
49    transform: translateY(0px);
50  }
51
52  75% {
53    transform: scale(1);
54  }
55
56  90% {
57    transform: translateX(-px);
58  }
59
60  100% {
61    transform: translate(0, 0) scale(1);
62  }
63}