/* Define the rotation animation */
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* Apply the rotation animation to the SVG */
.spin-on-hover.spin {
  animation-name: rotate;
  animation-duration: 2s; /* Set the duration of the animation */
  animation-timing-function: linear; /* Set the timing function for the animation */
  animation-iteration-count: infinite; /* Set the number of times the animation repeats */
}