1.space-button {
2  display: inline-block;
3  background-color: #111;
4  color: #fff;
5  border: none;
6  border-radius: 30px;
7  padding: 12px 32px;
8  font-size: 1.2em;
9  font-weight: bold;
10  text-transform: uppercase;
11  letter-spacing: 2px;
12  position: relative;
13  overflow: hidden;
14  cursor: pointer;
15  transition: background-color 0.3s ease;
16}
17
18.space-button span {
19  position: relative;
20  z-index: 1;
21}
22
23.space-button svg {
24  position: absolute;
25  top: 50%;
26  right: 12px;
27  transform: translateY(-50%);
28  width: 16px;
29  height: 16px;
30  fill: #fff;
31  transition: transform 0.3s ease;
32}
33
34.space-button:hover {
35  background-color: #f8f8f8;
36  color: #111;
37}
38
39.space-button:hover svg {
40  transform: translateX(4px);
41}
42
43.space-button:active {
44  background-color: #f94b4c;
45  color: #fff;
46}
47