Button by JhaveLang

1.button {
2  font-weight: 600;
3  padding: 1em 4em 1em 4em;
4  border-radius: 4em;
5  border: 0;
6  background: rgb(251, 213, 213);
7  background: linear-gradient(
8    115deg,
9    rgba(251, 213, 213, 1) 20%,
10    rgba(248, 180, 180, 1) 41%,
11    rgba(252, 233, 106, 1) 100%
12  );
13  cursor: pointer;
14  box-shadow: 0em 0em 0em 0.3em rgb(251, 213, 213);
15  transition: background 0.3s ease;
16}
17.button:hover {
18  background: rgb(252, 233, 106);
19  background: linear-gradient(
20    115deg,
21    rgba(252, 233, 106, 1) 0%,
22    rgba(251, 213, 213, 1) 37%,
23    rgba(248, 180, 180, 1) 100%
24  );
25}
26.button:hover {
27  background: rgb(252, 233, 106);
28  background: linear-gradient(
29    115deg,
30    rgba(252, 233, 106, 1) 0%,
31    rgba(251, 213, 213, 1) 37%,
32    rgba(248, 180, 180, 1) 100%
33  );
34}
35
36@keyframes bounce {
37  0%,
38  20%,
39  50%,
40  80%,
41  100% {
42    transform: translateY(0);
43  }
44  40% {
45    transform: translateY(-10px);
46  }
47  60% {
48    transform: translateY(-5px);
49  }
50}
51