    button:hover {
        background-color: var(--accent-hover);
      }

      button:disabled {
        opacity: 0.7;
        cursor: not-allowed;
      }

      /* Loading spinner */
      @keyframes spin {
        to {
          transform: rotate(360deg);
        }
      }

      button.loading span:first-child {
        margin-right: 0.5rem;
        width: 1rem;
        height: 1rem;
        border: 2px solid rgba(255, 255, 255, 0.3);
        border-radius: 50%;
        border-top-color: white;
      