1button {
2  align-items: center;
3  background-color: transparent;
4  color: #fff;
5  cursor: pointer;
6  display: flex;
7  font-family: ui-sans-serif,system-ui,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
8  font-size: 1rem;
9  font-weight: 700;
10  line-height: 1.5;
11  text-decoration: none;
12  text-transform: uppercase;
13  outline: 0;
14  border: 0;
15  padding: 1rem;
16}
17
18button:before {
19  background-color: #fff;
20  content: "";
21  display: inline-block;
22  height: 1px;
23  margin-right: 10px;
24  transition: all .42s cubic-bezier(.25,.8,.25,1);
25  width: 0;
26}
27
28button:hover:before {
29  background-color: #fff;
30  width: 3rem;
31}