1button {
2  width: 130px;
3  height: 45px;
4  color: white;
5  font-weight: bold;
6  font-size: 20px;
7  border-width: 10px;
8  background: linear-gradient(to right, #5f6d7c, #456b8b, #49a6fc);
9  border: none;
10  letter-spacing: 0.05em;
11  border-radius: 10px;
12}
13
14button svg {
15  height: 40px;
16  width: 60px;
17  transform: translate(-30px,3px) rotate(90deg);
18  transition: transform 0.3s cubic-bezier(0.76, 0, 0.24, 1)
19}
20
21button .Click {
22  transform: translate(20px,-33px);
23  font-size: 20px;
24  transition: 0.3s cubic-bezier(0.76, 0, 0.24, 1)
25}
26
27button .OnHover {
28  transform: translate(-15px,-56px);
29  font-size: 20px;
30  opacity: 0%;
31  transition: 0.3s cubic-bezier(0.76, 0, 0.24, 1)
32}
33
34button:hover svg {
35  transform: translate(40px,3px) rotate(90deg);
36}
37
38button:hover .Click {
39  opacity: 0%;
40}
41
42button:hover .OnHover {
43  opacity: 100%;
44}