1button {
2  color: white;
3  background-color: #10B981;
4  --ring-color: #6EE7B7;
5  font-weight: 500;
6  border-radius: 0.5rem;
7  font-size: 1rem;
8  line-height: 2rem;
9  padding-left: 2rem;
10  padding-right: 2rem;
11  padding-top: 0.7rem;
12  padding-bottom: 0.7rem;
13  text-align: center;
14  margin-right: 0.5rem;
15  display: inline-flex;
16  align-items: center;
17  border: none;
18}
19
20button:hover {
21  background-color: #059669;
22}
23
24button:focus {
25  box-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
26}
27
28button svg {
29  display: inline;
30  width: 1.3rem;
31  height: 1.3rem;
32  margin-right: 0.75rem;
33  color: white;
34  animation: bounce 1s infinite;
35}
36
37@keyframes bounce {
38  0%, 100% {
39    transform: translateY(-5px);
40  }
41
42  50% {
43    transform: translateY(5px);
44  }
45}