Button by JaydipPrajapati1910

1button {
2  padding: 15px 25px;
3  border: unset;
4  border-radius: 15px;
5  color: #e8e8e8;
6  z-index: 1;
7  background: #212121;
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: #e8e8e8;
26  z-index: -1;
27  -webkit-box-shadow: 4px 8px 19px -3px rgba(255, 255, 255, 0.27);
28  box-shadow: 4px 8px 19px -3px rgba(255, 255, 255, 0.27);
29  transition: all 250ms
30}
31
32button:hover {
33  color: #212121;
34}
35
36button:hover::before {
37  width: 100%;
38}