style: improve verification button state

components/upload/ActionButtons.tsx

@@ -1,3 +1,5 @@
+import { SpinnerIcon } from '@/components/ui/icons'
+
 interface ActionButtonsProps {
   isUploading: boolean
   isChecking: boolean
@@ -45,11 +47,18 @@ export default function ActionButtons({
         <button
           onClick={onCancel}
           disabled={!isUploading}
-           className="flex-1 bg-black-700 text-gray-300 font-medium text-sm
+          className={`flex-1 font-medium text-sm py-2.5 px-6 rounded-xl border transition-all duration-150
-                     py-2.5 px-6 rounded-xl border border-black-600 transition-colors duration-150 disabled:opacity-50 disabled:cursor-not-allowed
+                     disabled:opacity-50 disabled:cursor-not-allowed ${isChecking
-                     hover:bg-black-600"
+              ? 'bg-black-800 text-gray-300 border-white/20 shadow-[0_0_0_1px_rgba(255,255,255,0.04)]'
+              : 'bg-black-700 text-gray-300 border-black-600 hover:bg-black-600'
+            }`}
         >
-           {isChecking ? 'Verification...' : 'Annuler'}
+          {isChecking ? (
+            <span className="flex items-center justify-center gap-2">
+              <SpinnerIcon className="w-4 h-4 text-gray-400" />
+              <span>Verification...</span>
+            </span>
+          ) : 'Annuler'}
         </button>
       )}