1.custom-loader {
2  width: 50px;
3  height: 50px;
4  display: grid;
5}
6
7.custom-loader::before,
8.custom-loader::after {
9  content: "";
10  grid-area: 1/1;
11  --c: radial-gradient(farthest-side,#1692f8 92%,rgba(179, 53, 53, 0));
12  background: var(--c) 50%  0, 
13      var(--c) 50%  100%, 
14      var(--c) 100% 50%, 
15      var(--c) 0    50%;
16  background-size: 12px 12px;
17  background-repeat: no-repeat;
18  animation: s2 1s infinite;
19}
20
21.custom-loader::before {
22  margin: 4px;
23  filter: hue-rotate(45deg);
24  background-size: 8px 8px;
25  animation-timing-function: linear
26}
27
28@keyframes s2 {
29 
30  100% {
31    transform: rotate(.5turn)
32  }
33}