<div class="radikalwp-ui-ring2"><//div>

.radikalwp-ui-ring2 {
  position: relative;
  width: 54px;
  height: 54px;
  border: 5px solid rgba(99, 102, 241, .18);
  border-top-color: #6366f1;
  border-radius: 50%;
  animation: radikalwp-ring2-a 1.1s linear infinite;
}
.radikalwp-ui-ring2::after {
  content: '';
  position: absolute;
  inset: 6px;
  border: 4px solid rgba(236, 72, 153, .18);
  border-bottom-color: #ec4899;
  border-radius: 50%;
  animation: radikalwp-ring2-b .9s linear infinite reverse;
}
@keyframes radikalwp-ring2-a { to { transform: rotate(360deg); } }
@keyframes radikalwp-ring2-b { to { transform: rotate(360deg); } }