1.loader {
2  width: 150px;
3  height: 150px;
4  border-left: 5px solid #38ff8e;
5  border-radius: 50%;
6  animation: right5231 0.9s linear infinite;
7}
8
9.loader::before,
10  .loader::after {
11  content: "";
12  width: 120px;
13  height: 120px;
14  display: block;
15  position: absolute;
16  top: calc(50% - 60px);
17  left: calc(50% - 60px);
18  border-right: 5px solid #ffbe0b;
19  border-radius: 50%;
20  animation: left036 0.9s linear infinite;
21}
22
23.loader::after {
24  width: 90px;
25  height: 90px;
26  top: calc(50% - 45px);
27  left: calc(50% - 45px);
28  border: 0;
29  border-top: 5px solid #ff086e;
30  animation: none;
31}
32
33@keyframes right5231 {
34  from {
35    transform: rotate(0deg);
36  }
37
38  to {
39    transform: rotate(360deg);
40  }
41}
42
43@keyframes left036 {
44  from {
45    transform: rotate(720deg);
46  }
47
48  to {
49    transform: rotate(0deg);
50  }
51}