1button {
2  display: flex;
3  align-items: center;
4  justify-content: center;
5  gap: 10px;
6  background-image: linear-gradient(to top, #30cfd0 0%, #330867 100%);
7  border: solid 3px transparent;
8  background-clip: padding-box;
9  box-shadow: 0px 0px 0px 3px #ffffff00;
10  color: white;
11  min-height: 43px;
12  padding: 0 13px 0 13px;
13  border-radius: 50px;
14  text-transform: uppercase;
15  letter-spacing: 2px;
16  transition: all .5s ease;
17}
18
19button:active {
20  transform: scale(.9);
21  transition: all 100ms ease;
22}
23
24button:hover {
25  box-shadow: 0px 0px 0px 3px #30a1b8;
26}
27
28button svg {
29  width: 16px;
30}