.rotate-icon {
    animation: rotate360 1s ease forwards;
  }

  @keyframes rotate360 {
    0% {
      transform: rotate(0deg);
      opacity: 1;
    }
    50% {
      transform: rotate(180deg);
      opacity: 0;
    }
    51% {
      opacity: 0;
    }
    100% {
      transform: rotate(360deg);
      opacity: 1;
    }
  }