1.loader ,.loader::before,.loader::after {
2  border-width: 2px;
3  border-style: solid;
4  border-radius: 10px;
5  animation: rotate 5s linear infinite;
6}
7
8.loader {
9  display: flex;
10  align-items: center;
11  justify-content: center;
12  position: relative;
13  width: 40px;
14  height: 40px;
15  border-color: #5a4ff3;
16}
17
18.loader::before,.loader::after {
19  position: absolute;
20  content: "";
21}
22
23.loader::before {
24  border-color: #35a2d2;
25  width: 110%;
26  height: 110%;
27  animation-delay: .5s
28}
29
30.loader::after {
31  border-color: #9c40fc;
32  width: 120%;
33  height: 120%;
34  animation-delay: .10s;
35}
36
37@keyframes rotate {
38  to {
39    transform: rotate(360deg)
40  }
41}