:root {
  height: 100vh;
  background:
    repeating-conic-gradient(#000 0 1.5deg, #fff 0 3deg);

  &::before {
    content: "";
    width: 80vmin;
    aspect-ratio: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    border-radius: 50%;
    background:
      radial-gradient(
        farthest-side,
        #bf4c97 20%,
        #af70aa 0 40%,
        #a069a3 0 70%,
        #806faa 0
      );
    mask:
      radial-gradient(
        farthest-side,
        #000  18%,
        #0000 0 35%,
        #000  0 45%,
        #0000 0 65%,
        #000  0 75%,
        #0000 0 85%,
        #000  0
      );
  }
}