1.btn {
2  position: relative;
3  display: inline-block;
4  width: auto;
5  height: auto;
6  background-color: transparent;
7  border: none;
8  cursor: pointer;
9  margin: 0px 25px 15px;
10  min-width: 150px;
11}
12
13.btn span {
14  position: relative;
15  display: inline-block;
16  font-size: 14px;
17  font-weight: bold;
18  letter-spacing: 2px;
19  text-transform: uppercase;
20  top: 0;
21  left: 0;
22  width: 100%;
23  padding: 15px 20px;
24  transition: 0.3s;
25}
26
27.btn-1::before {
28  background-color: #004dff;
29  transition: 0.3s ease-out;
30}
31
32.btn-1 span {
33  color: rgb(255,255,255);
34  border: 1px solid #004dff;
35  transition: 0.2s 0.1s;
36}
37
38.btn-1 span:hover {
39  color: #004dff;
40  transition: 0.2s 0.1s;
41}
42
43:active, :hover, :focus {
44  outline: 0!important;
45  outline-offset: 0;
46}
47
48::before,
49::after {
50  position: absolute;
51  content: "";
52}
53
54.btn.hover-filled-slide-left::before {
55  top: 0;
56  bottom: 0;
57  left: 0;
58  height: 100%;
59  width: 100%;
60}
61
62.btn.hover-filled-slide-left:hover::before {
63  width: 0%;
64}