1button {
2  display: flex;
3  align-items: center;
4  font-family: inherit;
5  font-weight: 500;
6  font-size: 17px;
7  padding: 0.8em 1.3em 0.8em 0.9em;
8  color: white;
9  background: #ad5389;
10  background: linear-gradient(to right, #0f0c29, #302b63, #24243e);
11  border: none;
12  letter-spacing: 0.05em;
13  border-radius: 16px;
14}
15
16button svg {
17  margin-right: 3px;
18  transform: rotate(30deg);
19  transition: transform 0.5s cubic-bezier(0.76, 0, 0.24, 1);
20}
21
22button span {
23  transition: transform 0.5s cubic-bezier(0.76, 0, 0.24, 1);
24}
25
26button:hover svg {
27  transform: translateX(5px) rotate(90deg);
28}
29
30button:hover span {
31  transform: translateX(7px);
32}