Button by jdm-encompass

1.button {
2  background-color: #ffffff;
3  border: none;
4  border-radius: 50%;
5  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
6  animation: sway 2s infinite alternate;
7  width: 70px;
8  height: 70px;
9  display: flex;
10  justify-content: center;
11  align-items: center;
12  perspective: 500px;
13  transition: transform 0.5s, box-shadow 0.5s;
14}
15
16.button:hover {
17  transform: scale(1.5) rotate(-360deg) translateY(-1em);
18  box-shadow: 0 0 20px 0 rgba(29, 161, 242, 0.5);
19}
20
21.icon {
22  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.6));
23  transition: transform 0.5s;
24}
25
26.icon:hover {
27  transform: scale(8);
28  filter: drop-shadow(1px 2px 4px rgba(0,0,0,0.9))
29}