Update app.py

app.py

@@ -37,7 +37,7 @@ def cloud_button(label, key=None, color=None, overlap=20):
     circles_html += f'<div class="circle-text">{label}</div>'  # Add the text after the circles
 
     cloud_button_html = f"""
-    <div class="cloud" id="{button_id}" style="margin-bottom: 20px;">
+    <div class="cloud" id="{button_id}" style="margin-bottom: 30px;">
         <div class="wrapper {color_class}">
             {circles_html}
         </div>
@@ -84,9 +84,9 @@ def cloud_button(label, key=None, color=None, overlap=20):
     st.markdown(cloud_button_html, unsafe_allow_html=True)
 
 # Example usage with a specified overlap value
-cloud_button("Short Text", color="1", overlap=20)
-cloud_button("This is a longer piece of text", color="2", overlap=20)
-cloud_button("This is an even longer piece of text to test the cloud button", color="3", overlap=20)
+cloud_button("Short Text", color="1", overlap=30)
+cloud_button("This is a longer piece of text", color="2", overlap=30)
+cloud_button("This is an even longer piece of text to test the cloud button", color="3", overlap=30)