1.loader {
2  background: transparent;
3  width: 80px;
4  height: 80px;
5  border-radius: 50%;
6  position: relative;
7  display: flex;
8  justify-content: center;
9  align-items: center;
10}
11
12.circle {
13  width: 80px;
14  height: 80px;
15  border: 2px solid #ccc;
16  position: absolute;
17  border-radius: 50%;
18  animation: circle14512 2s linear infinite;
19}
20
21.circle::before {
22  content: '';
23  position: absolute;
24  top: -10px;
25  left: 50%;
26  transform: translateX(-50%);
27  width: 20px;
28  height: 20px;
29  border-radius: 50%;
30  background: #9ae932;
31  box-shadow: 0 0 20px #9ae932, 0 0 60px #9ae932;
32}
33
34@keyframes circle14512 {
35  0% {
36    transform: rotate(0deg);
37  }
38
39  100% {
40    transform: rotate(360deg);
41  }
42}