Update app.py

app.py

@@ -74,6 +74,15 @@ def cloud_button(label, key=None, color=None, overlap=30):
             text-align: center; /* Center the text horizontally and vertically */
 
         }}
+
+        /* Add this CSS for the hover effect and shadow */
+        .cloud:hover .circle {
+        transform: scale(1.1); /* Scale up the circles on hover */
+        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Add a shadow on hover */
+        }
+
+
+        
         .color-1 .circle {{ background-color: #FFA07A; }}
         .color-2 .circle {{ background-color: #FF7F50; }}
         .color-3 .circle {{ background-color: #FF6347; }}