.ns-outer{display:flex;justify-content:center}
.ns-circle{
  position:relative;
  width:300px;
  aspect-ratio:1/1;
  border-radius:50%;
  background:#fff;
  box-sizing:border-box;
  overflow:hidden;
}
.ns-svg{
  position:absolute;inset:0;width:100%;height:100%;
  transform-origin:50% 50%;
  animation-name:ns-spin;
  animation-duration:20s;
  animation-timing-function:linear;
  animation-iteration-count:infinite;
}
.ns-text{
  font-size:14px;
  font-weight:700;
  fill:#4a7c2f;
  text-transform:uppercase;
}
.ns-img{
  position:absolute;top:50%;left:50%;
  width:55%;height:auto;
  transform:translate(-50%,-50%);
  object-fit:contain;
  display:block;
}
.ns-img-spin{
  animation:ns-spin-img 20s linear infinite;
}
.ns-pause-hover:hover .ns-svg,
.ns-pause-hover:hover .ns-img-spin{animation-play-state:paused}

@keyframes ns-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes ns-spin-img{
  from{transform:translate(-50%,-50%) rotate(0deg)}
  to{transform:translate(-50%,-50%) rotate(360deg)}
}
@media (prefers-reduced-motion:reduce){
  .ns-svg,.ns-img-spin{animation:none}
}