Update app.py

app.py

@@ -35,13 +35,17 @@ st.markdown(
         font-size: 30px;
     }
     .button {
-        display: block;
-        margin: 0 auto;
         background-color: #2196F3;
         color: white;
         font-size: 20px;
         padding: 10px 20px;
         border-radius: 5px;
+        border: none;
+        cursor: pointer;
+        display: block;
+        margin: 20px auto;
+        text-align: center;
+        text-decoration: none;
     }
     .button:hover {
         background-color: #1976D2;
@@ -66,7 +70,7 @@ st.markdown('<h1 class="title">Estadísticas de Criptomonedas</h1>', unsafe_allo
 st.markdown('<p style="text-align: center;">Esta aplicación muestra las estadísticas de las 5 criptomonedas más populares.</p>', unsafe_allow_html=True)
 
 # Botón para actualizar datos
-if st.button("Actualizar datos", key='update_button', help="Actualiza las estadísticas de criptomonedas", css_class="button"):
+if st.button("Actualizar datos", key='update_button', help="Actualiza las estadísticas de criptomonedas"):
     data = get_crypto_data()
     df = pd.DataFrame(data)
 
@@ -75,4 +79,7 @@ if st.button("Actualizar datos", key='update_button', help="Actualiza las estad
     st.dataframe(df[['coin', 'name', 'price', 'volume', 'algorithm', 'difficulty', 'reward_block']], 
                     use_container_width=True)
 else:
-    st.markdown('<p style="text-align: center;">Presiona el botón para actualizar los datos.</p>', unsafe_allow_html=True)
+    st.markdown('<p style="text-align: center;">Presiona el botón para actualizar los datos.</p>', unsafe_allow_html=True)
+
+# Añadir un botón con estilo HTML
+st.markdown('<a class="button" href="javascript:void(0);" onclick="window.location.reload();">Actualizar datos</a>', unsafe_allow_html=True)