Update app.py

app.py

@@ -25,6 +25,8 @@ pdf_file_path = "Private_Book/KOMBI_all2.pdf"  # Replace with your PDF file path
 
 
 
+import streamlit as st
+
 import streamlit as st
 
 def cloud_button(label, key=None, color=None):
@@ -47,7 +49,7 @@ def cloud_button(label, key=None, color=None):
     cloud_button_html = f"""
     <div class="cloud" id="{button_id}" style="margin-bottom: 20px;">
         {circles_html}
-        <div class="rectangle {color_class}">{label}</div>
+        <span class="text {color_class}">{label}</span>
     </div>
     <style>
         .cloud {{
@@ -59,10 +61,7 @@ def cloud_button(label, key=None, color=None):
             font-size: 16px;
             white-space: nowrap;
         }}
-        .rectangle {{
-            min-width: 120px;
-            height: auto;
-            border-radius: 30px;
+        .text {{
             position: relative;
             display: inline-flex;
             align-items: center;
@@ -71,6 +70,7 @@ def cloud_button(label, key=None, color=None):
             padding: 10px 20px;
             z-index: 2;
             transition: background-color 0.4s;
+            border-radius: 30px;
         }}
         .circle {{
             border-radius: 50%;
@@ -79,13 +79,13 @@ def cloud_button(label, key=None, color=None):
             position: relative;
             z-index: 1;
         }}
-        .cloud:hover .rectangle {{
+        .cloud:hover .text {{
             background-color: #008CBA;
             color: white;
         }}
-        .color-1 .rectangle, .color-1 .circle {{ background-color: #FFA07A; }}
-        .color-2 .rectangle, .color-2 .circle {{ background-color: #FF7F50; }}
-        .color-3 .rectangle, .color-3 .circle {{ background-color: #FF6347; }}
+        .color-1 .text, .color-1 .circle {{ background-color: #FFA07A; }}
+        .color-2 .text, .color-2 .circle {{ background-color: #FF7F50; }}
+        .color-3 .text, .color-3 .circle {{ background-color: #FF6347; }}
     </style>
     <script>
         document.getElementById("{button_id}").onclick = function() {{
@@ -97,6 +97,7 @@ def cloud_button(label, key=None, color=None):
 
 
 
+
 def load_pdf(file_path):
     pdf_reader = PdfReader(file_path)
     text = ""