Update app.py

app.py

@@ -27,7 +27,7 @@ def cloud_button(label, key=None, color=None):
     button_id = f"cloud-button-{key or label}"
     color_class = f"color-{color}" if color else ""
     cloud_button_html = f"""
-    <div class="cloud {color_class}" id="{button_id}" style="margin-bottom: 250px;">
+    <div class="cloud {color_class}" id="{button_id}" style="margin-bottom: 200px;">
         <div class="circle small"></div>
         <div class="circle medium"></div>
         <div class="circle large"></div>
@@ -42,10 +42,11 @@ def cloud_button(label, key=None, color=None):
             cursor: pointer;
             user-select: none;
             margin-right: 20px;
+            font-size: 16px;
         }}
         .rectangle {{
             min-width: 120px;
-            height: 60px;
+            height: auto;
             background-color: white;
             border-radius: 30px;
             position: absolute;
@@ -54,34 +55,37 @@ def cloud_button(label, key=None, color=None):
             display: flex;
             align-items: center;
             justify-content: center;
-            font-size: 16px;
             font-weight: bold;
-            padding: 0 20px;
+            padding: 10px 20px;
             transition: background-color 0.4s;
         }}
         .circle {{
             position: absolute;
             background-color: white;
+            z-index: -1;
         }}
         .circle.small {{
-            width: 40px;
-            height: 40px;
-            border-radius: 20px;
-            top: 10px;
-            left: 50px;
-        }}
-        .circle.medium {{
             width: 60px;
             height: 60px;
             border-radius: 30px;
+            top: 30px;
+            left: 50px;
         }}
-        .circle.large {{
+        .circle.medium {{
             width: 80px;
             height: 80px;
             border-radius: 40px;
-            top: -10px;
+            top: 20px;
             left: 40px;
         }}
+        .circle.large {{
+            width: 100px;
+            height: 100px;
+            border-radius: 50px;
+            top: 10px;
+            left: 30px;
+        }}
+       
         .cloud:hover .rectangle {{
             background-color: #008CBA;
             color: white;