Button by adamgiebl

1.contactButton {
2  background: #3cb371;
3  color: white;
4  font-family: inherit;
5  padding: 0.5em;
6  padding-left: 1.2em;
7  font-size: 18px;
8  font-weight: 600;
9  border-radius: 1em;
10  border: none;
11  letter-spacing: 0.05em;
12  display: flex;
13  align-items: center;
14  box-shadow: inset 0 0 1.8em -0.7em #2e8b57;
15  overflow: hidden;
16  position: relative;
17  height: 3em;
18  padding-right: 3.5em;
19}
20
21.iconButton {
22  margin-left: 1.2em;
23  position: absolute;
24  display: flex;
25  align-items: center;
26  justify-content: center;
27  height: 2.4em;
28  width: 2.4em;
29  border-radius: 1.2em;
30  box-shadow: 0.15em 0.15em 0.8em 0.3em #32cd32;
31  right: 0.4em;
32  transition: all 0.3s;
33}
34
35.contactButton:hover {
36  transform: translate(-0.05em, -0.05em);
37  box-shadow: 0.2em 0.2em #228b22;
38}
39
40.contactButton:active {
41  transform: translate(0.05em, 0.05em);
42  box-shadow: 0.1em 0.1em #228b22;
43}