Button by Spacious74

1.button {
2  cursor: pointer;
3  background: linear-gradient(180deg, #cfcfcf, #808080);
4  padding: 3px;
5  border-radius: 15px;
6  border: solid 1px #ebebeb;
7  box-shadow: 0 3px 10px -1px #00000017, 0px 1px 5px #0000000e,
8    0 10px 40px -15px #0000006e;
9  transition: all 0.3s ease;
10}
11.inner {
12  background: linear-gradient(180deg, #fff, #e0e0e0);
13  padding: 5px;
14  border-radius: 12px;
15}
16.roundInner {
17  font-size: 1.2rem;
18  display: flex;
19  align-items: center;
20  justify-content: center;
21  gap: 5px;
22  font-weight: bold;
23  padding: 14px 12px;
24  border-radius: 300px;
25  box-shadow: inset 0 10px 20px #0000000c;
26  background-color: #f8fafa;
27  transition: all 0.4s ease;
28}
29.roundInner .svg {
30  transform: rotate(-45deg);
31  margin-bottom: 5px;
32  transition: all 0.3s ease;
33}
34.roundInner:active > .svg {
35  transform: translate(3px, -3px) rotate(-45deg);
36}
37
38.button:active {
39  box-shadow: none;
40}
41