/* Button style */
.spin-button {
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
    transition: opacity 0.3s ease;
    position: relative;
  }
  
  /* Spinning effect when button is clicked (active state) */
  .spin-button:active {
    animation: spin 1s linear forwards;
    opacity: 0; /* Hide the button after spin */
  }
  
  /* Spinning animation */
  @keyframes spin {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }