Button by sohoning

1.button_01 {
2  position: relative;
3  font-family: 'Comic Sans MS', cursive;
4  padding-top: 20px;
5  padding-bottom: 20px;
6  padding-left: 20px;
7  padding-right: 70px;
8  outline: none;
9  border: none;
10  background-color: #DEB887;
11  border-radius: 1em;
12  color: whitesmoke;
13  font-size: 25px;
14  box-shadow: 0 0 10px #DEB887;
15  overflow: hidden;
16  cursor: pointer;
17}
18
19.button_01 a {
20  position: relative;
21  z-index: 2;
22}
23
24.tree {
25  position: absolute;
26  display: block;
27  right: -20px;
28  width: 60%;
29  height: 80%;
30  bottom: -5px;
31  transition-duration: 0.75s;
32  z-index: 1;
33}
34
35.wave {
36  position: absolute;
37  display: block;
38  top: -100%;
39  left: 0%;
40  z-index: 1;
41  transition-duration: 0.5s;
42}
43
44.button_01:hover {
45  box-shadow: 0 0 10px #0693e3;
46}
47
48.button_01:hover .tree {
49  bottom: -100%;
50}
51
52.button_01:hover .wave {
53  top: 0%;
54}