Button by benjimich

1.wrapper {
2  background-color: #fff;
3  padding: 0.5px;
4  border-radius: 10px;
5  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
6}
7.wrapper:hover {
8  scale: 1.05;
9}
10.wrapper:active {
11  scale: 1;
12}
13.container {
14  cursor: pointer;
15  background-color: #fff;
16  padding: 5px;
17  border-radius: inherit;
18  border: 2px rgb(158, 158, 158) solid;
19  box-shadow: inset 0px -12px 20px -3px rgba(0, 0, 0, 0.1);
20  transition: box-shadow 0.3s ease;
21}
22.container:hover {
23  box-shadow: 0px 10px 25px -3px rgba(0, 0, 0, 0.1),
24    inset 0px -12px 20px -3px rgba(0, 0, 0, 0.1);
25}
26.button {
27  min-width: 200px;
28  display: flex;
29  align-items: center;
30  justify-content: center;
31  cursor: inherit;
32  font-size: 20px;
33  font-weight: 700;
34  background-color: #fff;
35  border-radius: 50px;
36  border: none;
37  padding: 14px;
38  box-shadow: inset 0px 12px 20px -3px rgba(0, 0, 0, 0.1);
39}
40
41.imgSvg {
42  width: 24px;
43  margin-right: 14px;
44}
45.wrapper:hover .imgSvg {
46  transform: rotate(405deg);
47  transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.125);
48}
49