1button {
2  position: relative;
3  height: 50px;
4  width: 150px;
5  color: #FFF;
6  font-size: 15px;
7  font-weight: 600;
8  letter-spacing: 2px;
9  background-color: #212121;
10  transition: all 0.5s;
11  border: none;
12}
13
14button::before {
15  position: absolute;
16  content: '';
17  top: 0;
18  left: 0;
19  width: 100%;
20  height: 100%;
21  background-color: rgba(29, 255, 86, 0.281);
22  border-radius: 5px;
23  transition: all 0.3s;
24  z-index: 1;
25}
26
27button:hover::before {
28  opacity: 0;
29  transform: scale(0.7,0.7);
30}
31
32button::after {
33  content: '';
34  position: absolute;
35  top: 0;
36  left: 0;
37  width: 100%;
38  height: 100%;
39  transition: all 0.4s;
40  border: 1px solid rgba(29, 255, 86, 0.281);
41  border-radius: 5px;
42  transform: scale(1.5,1.5);
43  opacity: 0;
44  z-index: 1;
45}
46
47button:hover::after {
48  opacity: 1;
49  transform: scale(1,1);
50}
51