1button {
2  align-items: center;
3  background-image: linear-gradient(144deg, #af40ff, #5b42f3 50%, #00ddeb);
4  border: 0;
5  border-radius: 8px;
6  box-shadow: #d1ac00;
7  box-sizing: border-box;
8  color: #ffffff;
9  display: flex;
10  font-family: Phantomsans, sans-serif;
11  font-size: 18px;
12  justify-content: center;
13  line-height: 1em;
14  max-width: 100%;
15  min-width: 140px;
16  padding: 3px;
17  text-decoration: none;
18  user-select: none;
19  -webkit-user-select: none;
20  touch-action: manipulation;
21  white-space: nowrap;
22  cursor: pointer;
23  transition: all 0.3s;
24}
25
26button:active,
27button:hover {
28  outline: 0;
29}
30
31button span {
32  background-color: rgb(5, 6, 45);
33  padding: 16px 24px;
34  border-radius: 6px;
35  width: 100%;
36  height: 100%;
37  transition: 300ms;
38}
39
40button:hover span {
41  background: none;
42}
43
44button:active {
45  transform: scale(0.9);
46}
47