.wrapper-1 {
  width: 20px;
  position: absolute;
    left:50%;
    top:50%;
  aspect-ratio: 1;
  border-radius: 50%;
  background: var(--text-color-secondary);
  box-shadow: 0 0 0 0 #0004;
  animation: l2 1.5s infinite linear;
  position: relative;
}
.wrapper-1:before,
.wrapper-1:after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  box-shadow: 0 0 0 0 #0004;
  animation: inherit;
  animation-delay: -0.5s;
}
.wrapper-1:after {
  animation-delay: -1s;
}
@keyframes l2 {
    100% {box-shadow: 0 0 0 40px #0000}
}