1button {
2  padding: 0.1em 0.25em;
3  width: 13em;
4  height: 4.2em;
5  background-color: #212121;
6  border: 0.08em solid #fff;
7  border-radius: 0.3em;
8  font-size: 12px;
9}
10
11button span {
12  position: relative;
13  display: flex;
14  justify-content: center;
15  align-items: center;
16  bottom: 0.4em;
17  width: 8.25em;
18  height: 2.5em;
19  background-color: #212121;
20  border-radius: 0.2em;
21  font-size: 1.5em;
22  color: #fff;
23  border: 0.08em solid #fff;
24  box-shadow: 0 0.4em 0.1em 0.019em #fff;
25}
26
27button span:hover {
28  transition: all 0.5s;
29  transform: translate(0, 0.4em);
30  box-shadow: 0 0 0 0 #fff;
31}
32
33button span:not(hover) {
34  transition: all 1s;
35}
36
37