1.loader {
2  width: 50px;
3  height: 50px;
4  position: relative;
5  z-index: 1;
6  transform: translateX(-50%);
7}
8
9.loader::before, 
10.loader::after {
11  content: '';
12  position: absolute;
13  width: inherit;
14  height: inherit;
15  border-radius: 50%;
16  mix-blend-mode: multiply;
17  animation: rotate92523 2s infinite cubic-bezier(0.77, 0, 0.175, 1);
18}
19
20.loader::before {
21  background-color: #75e2ff;
22}
23
24.loader::after {
25  background-color: #ff8496;
26  animation-delay: 1s;
27}
28
29@keyframes rotate92523 {
30  0%, 100% {
31    left: 35px;
32  }
33
34  25% {
35    transform: scale(.3);
36  }
37
38  50% {
39    left: 0%;
40  }
41
42  75% {
43    transform: scale(1);
44  }
45}