Button by Rodrypaladin

1.button {
2  padding: 10px 20px;
3  font-size: 1.1rem;
4  background-color: rgb(74, 153, 255);
5  border: none;
6  color: white;
7  position: relative;
8  width: 120px;
9  height: 45px;
10  transition: background-color 0.2s ease-in, all 0.15s ease-in;
11}
12
13button::after {
14  display: flex;
15  align-items: center;
16  justify-content: center;
17  content: "Button";
18  width: 120px;
19  height: 45px;
20  position: absolute;
21  top: 0;
22  left: 0;
23  transform: translate(5px, 5px);
24  background-color: rgb(1, 111, 255);
25  transition: all 0.15s ease-in;
26}
27
28button:hover::after {
29  transform: translate(-5px, -6px);
30}
31
32button:hover {
33  transform: translate(5px, 5px);
34}
35
36button:active::after {
37  background-color: rgb(0, 83, 192);
38}