burger-online

1
.loader {
2
  position: relative;
3
  width: 100px;
4
  height: 100px;
5
}
6

7
.loader:before,
8
.loader:after {
9
  content: '';
10
  border-radius: 50%;
11
  position: absolute;
12
  inset: 0;
13
  box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.3) inset;
14
}
15
.loader:after {
16
  box-shadow: 0 2px 0 var(--colors-interface-accent) inset;
17
  animation: rotate 2s linear infinite;
18
}
19

20
@keyframes rotate {
21
  0% {
22
    transform: rotate(0);
23
  }
24
  100% {
25
    transform: rotate(360deg);
26
  }
27
}
28