Button by seyed-mohsen-mousavi

1.button {
2  background: rgba(55, 51, 51, 0.49);
3  border-radius: 16px;
4  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
5  backdrop-filter: blur(3.7px);
6  -webkit-backdrop-filter: blur(3.7px);
7  outline: none;
8  border: none;
9  padding: 20px;
10  transform: rotate3d(1, 1, 1, 320deg);
11  filter: drop-shadow(1px 1px 8px black);
12  color: white;
13  cursor: pointer;
14  transition: ease-in-out 0.5s;
15}
16.button:hover {
17  transform: rotate3d(1, 1, 1, 360deg);
18  animation: shadow 1s both;
19}
20@keyframes shadow {
21  0% {
22    filter: drop-shadow(1px 1px 8px black);
23  }
24  25% {
25    filter: drop-shadow(1px 1px 5px black);
26  }
27  50% {
28    filter: drop-shadow(1px 1px 2px black);
29  }
30  100% {
31    filter: drop-shadow(1px 1px 2px black);
32  }
33}
34