1button {
2  position: relative;
3  padding: 15px 35px;
4  font-size: 15px;
5  font-weight: bold;
6  color: #2F5C2F;
7  background-color: transparent;
8  border: 3px solid #2F5C2F;
9  border-radius: 8px;
10  cursor: pointer;
11  transition: all 0.5s;
12}
13
14button::after {
15  content: "";
16  position: absolute;
17  width: 100%;
18  height: 100%;
19  top: 10px;
20  left: 10px;
21  background-color: #D5A084;
22  border-radius: 8px;
23  z-index: -1;
24  transition: all 0.5s;
25}
26
27button:hover::after {
28  top: 0;
29  left: 0;
30}
31
32.icon-1 {
33  position: absolute;
34  width: 15%;
35  top: 10px;
36  right: 15px;
37  color: #2F5C2F;
38  transform-origin: 100% 100%;
39  transform: rotate(-25deg) translateX(120%) translateY(20%);
40  z-index: -1;
41  transition: all 0.5s;
42}
43
44button:hover .icon-1 {
45  width: 25%;
46  transform: rotate(10deg) translateX(110%) translateY(-40%);
47}
48
49.icon-2 {
50  position: absolute;
51  width: 15%;
52  top: 20px;
53  left: 10px;
54  color: #2F5C2F;
55  transform-origin: 100% 100%;
56  z-index: -1;
57  transition: all 0.5s;
58}
59
60button:hover .icon-2 {
61  width: 50%;
62  top: -40px;
63  left: -80px;
64  transform: rotate(90deg);
65  z-index: 1;
66}