1.Btn {
2  position: relative;
3  display: flex;
4  align-items: center;
5  justify-content: flex-start;
6  width: 100px;
7  height: 40px;
8  border: none;
9  padding: 0px 20px;
10  background: linear-gradient(to right, #8be3fc, #576bff);
11  color: white;
12  font-size: 16px;
13  font-weight: 600;
14  cursor: pointer;
15  border-radius: 12px;
16  box-shadow: 0 20px 30px -7px rgba(97, 118, 238, 0.5);
17  transition-duration: 0.3s;
18}
19
20.svg {
21  width: 12px;
22  position: absolute;
23  right: 0;
24  margin-right: 20px;
25  fill: white;
26  transition-duration: 0.3s;
27}
28
29.Btn:hover {
30  color: transparent;
31}
32
33.Btn:hover svg {
34  right: 43%;
35  margin: 0;
36  padding: 0;
37  border: none;
38  transition-duration: 0.3s;
39}
40
41.Btn:active {
42  transform: translate(3px, 3px);
43  transition-duration: 0.3s;
44}
45