Button by reshades

1.button {
2  background-color: #ffffff00;
3  color: #fff;
4  width: 8.5em;
5  height: 2.9em;
6  border: #3654ff 0.2em solid;
7  border-radius: 33px;
8  text-align: right;
9  transition: all 0.6s ease;
10}
11
12.button:hover {
13  background-color: #3654ff;
14  cursor: pointer;
15  border-radius: 5px;
16}
17
18.button svg {
19  width: 1.6em;
20  margin: -0.2em 0.8em 1em;
21  position: absolute;
22  display: flex;
23  transition: all 0.6s ease;
24}
25
26.button:hover svg {
27  transform: translateX(5px);
28}
29
30.text {
31  margin: 0 1.5em
32}