Update app.py

app.py

@@ -36,12 +36,13 @@ def cloud_button(label, key=None, color=None):
         f'<div class="circle {color_class}" style="left: {i * overlap}px; top: {i * overlap}px;"></div>'
         for i in range(num_circles)
     ])
-    circles_html += f'<div class="circle-text">{label}</div>'  # Add the text after the circles
+    circle_text_style = f'font-size: {circle_size}px; top: {circle_size/2}px; left: {circle_size/2}px; transform: translate(-50%, -50%);'
 
     cloud_button_html = f"""
     <div class="cloud" id="{button_id}" style="margin-bottom: 20px;">
         <div class="wrapper {color_class}">
             {circles_html}
+            <div class="circle-text" style="{circle_text_style}">{label}</div>
         </div>
     </div>
     <style>
@@ -67,9 +68,6 @@ def cloud_button(label, key=None, color=None):
         }}
         .circle-text {{
             position: absolute;
-            top: 50%;
-            left: 50%;
-            transform: translate(-50%, -50%);
             font-weight: bold;
             z-index: 2;
         }}