Loader by seyed-mohsen-mousavi

1.loader__btn {
2  border: none;
3  background-color: white;
4  padding: 10px 20px 10px 20px;
5  display: flex;
6  align-items: center;
7  gap: 15px;
8  color: rgba(0, 0, 0, 0.7);
9  font-size: 15px;
10  border-radius: 12px;
11  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1),
12    0 8px 10px -6px rgb(0 0 0 / 0.1);
13  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color),
14    0 8px 10px -6px var(--tw-shadow-color);
15  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
16    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
17  cursor: wait;
18}
19
20.loader {
21  border: 4px solid rgba(0, 0, 0, 0.1);
22  border-left-color: transparent;
23  border-radius: 50%;
24}
25
26.loader {
27  border: 4px solid rgba(0, 0, 0, 0.1);
28  border-left-color: transparent;
29  width: 23px;
30  height: 23px;
31  animation: spin89345 1s linear infinite;
32}
33
34@keyframes spin89345 {
35  0% {
36    transform: rotate(0deg);
37  }
38
39  100% {
40    transform: rotate(360deg);
41  }
42}
43