1button {
2 width: 140px;
3 height: 45px;
4 font-size: 23px;
5 cursor: pointer;
6 border: none;
7 outline: none;
8 background: transparent;
9 color: white;
10 font-family: 'Times New Roman', Times, serif;
11 font-weight: 700;
12 position: relative;
13 transition: all 0.5s;
14 z-index: 1;
15}
16
17button::before {
18 content: "";
19 position: absolute;
20 top: 0;
21 left: 0;
22 width: 5px;
23 height: 100%;
24 background-color: white;
25 z-index: -1;
26 transition: all 0.5s;
27}
28
29button:hover::before {
30 width: 100%;
31}
32
33button:hover {
34 color: black;
35}
36
37button:active:before {
38 background: #b9b9b9;
39}