@keyframes spin {
  0% { rotate: 0; }
  100% { rotate: 360deg; }
}

:root {
  &::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    background: blue;
    width: 40vmin;
    aspect-ratio: 1;
    animation: spin 4.5s linear infinite;
  }
  
  &::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    background: conic-gradient(at 80% 80%, #0000 75%, #097 0) 0 0 / 55.5% 55.5%;
    width: 80vmin;
    aspect-ratio: 1;
    scale: 1;
    transition: scale 1s;
  }
  
  &:hover {
    &::after {
      scale: 8;
    }
  }
}