.loader {
  box-sizing: border-box;
  position: relative;
  width: 30px;
  height: 30px;
  animation: spin 1s linear infinite;
}
.loader:after, .loader:before {
  content: "";
  width: 16px;
  height: 16px;
  position: absolute;
  border-radius: 50%;
  background: #02C66F;
  animation: spin 1s linear infinite;
  transform-origin: 0px 100%;
}
.loader:before {
  transform-origin: 0 50%;
  background: #1e90ff;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}