diff --git a/src/pages/Index.tsx b/src/pages/Index.tsx
index 6d92d64..3f5cff1 100644
--- a/src/pages/Index.tsx
+++ b/src/pages/Index.tsx
@@ -148,14 +148,7 @@ const Index = () => {
 
         {/* Demo buttons */}
         <div className="grid grid-cols-3 gap-2">
-          <Button
-            variant="outline"
-            className="h-12 w-full gap-2 border-primary/40 text-primary hover:border-primary hover:bg-primary/10 transition-all text-xs"
-            onClick={handleLoadCloud}
-            disabled={loadingCloud}>
-            {loadingCloud ? <Loader2 className="h-4 w-4 animate-spin" /> : <Cloud className="h-4 w-4" />}
-            {loadingCloud ? 'Baixando…' : 'Carregar da Nuvem'}
-          </Button>
+          <CloudLoader />
 
           <Button
             variant="outline"