1button {
2 padding: 15px 25px;
3 border: unset;
4 border-radius: 15px;
5 color: #212121;
6 z-index: 1;
7 background: #e8e8e8;
8 position: relative;
9 font-weight: 1000;
10 font-size: 17px;
11 -webkit-box-shadow: 4px 8px 19px -3px rgba(0,0,0,0.27);
12 box-shadow: 4px 8px 19px -3px rgba(0,0,0,0.27);
13 transition: all 250ms;
14 overflow: hidden;
15}
16
17button::before {
18 content: "";
19 position: absolute;
20 top: 0;
21 left: 0;
22 height: 100%;
23 width: 0;
24 border-radius: 15px;
25 background-color: #212121;
26 z-index: -1;
27 -webkit-box-shadow: 4px 8px 19px -3px rgba(0,0,0,0.27);
28 box-shadow: 4px 8px 19px -3px rgba(0,0,0,0.27);
29 transition: all 250ms
30}
31
32button:hover {
33 color: #e8e8e8;
34}
35
36button:hover::before {
37 width: 100%;
38}