1.loader {
2  position: relative;
3  display: block;
4  width: 44px;
5  height: 44px;
6  font-size: 15px;
7  box-shadow: 9px 9px 33px #d1d1d1, -9px -9px 33px #ffffff;
8}
9
10.loader::before,
11.loader::after {
12  content: '';
13  position: absolute;
14  display: block;
15}
16
17.loader_bubble::before {
18  top: 10px;
19  left: 10px;
20  width: 10px;
21  height: 10px;
22  background: #fff;
23  border-radius: 50%;
24}
25
26.loader_bubble {
27  background: linear-gradient(180deg, rgb(0, 91, 228) 10%, rgb(75, 127, 240) 100%);
28  border-radius: 50%;
29  transform-origin: 50% 50%;
30  animation: bubble7234 1200ms cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
31}
32
33@keyframes bubble7234 {
34  0% {
35    transform: translate3d(0,0,0) rotate(0);
36  }
37
38  100% {
39    transform: translate3d(0,0,0) rotate(360deg);
40  }
41}