Button by reshades

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