1button {
2  color: white;
3  background-color: #1D4ED8;
4  --ring-color: #93C5FD;
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: #1E40AF;
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: spin_357 1s linear infinite;
35}
36
37@keyframes spin_357 {
38  from {
39    transform: rotate(0deg);
40  }
41
42  to {
43    transform: rotate(360deg);
44  }
45}