Fix button styling in Recommender App

Pages/Recommender App.py

@@ -91,11 +91,11 @@ def recommend(anime, genre=None):
 def top_animes():
     style_for_page = """
     <style>
-    [data-testid="baseButton-secondary"] {
+    .row-widget.stButton > button {
     border-radius: 15px;
     text-align: center:
     }
-    [data-testid="baseButton-secondary"]:hover {
+    .row-widget.stButton > button:hover {
     scale: 1.05;
     transition-duration: 0.3s;
     }
@@ -189,11 +189,11 @@ def top_animes():
 def top_animes_genres(genre_select):
     style_for_page = """
     <style>
-    [data-testid="baseButton-secondary"] {
+    .row-widget.stButton > button {
     border-radius: 15px;
     text-align: center:
     }
-    [data-testid="baseButton-secondary"]:hover {
+    .row-widget.stButton > button:hover {
     scale: 1.05;
     transition-duration: 0.3s;
     }
@@ -286,11 +286,11 @@ def top_animes_genres(genre_select):
 def top_animes_custom(anime_select):
     style_for_page = """
     <style>
-    [data-testid="baseButton-secondary"] {
+    .row-widget.stButton > button {
     border-radius: 15px;
     text-align: center:
     }
-    [data-testid="baseButton-secondary"]:hover {
+    .row-widget.stButton > button:hover {
     scale: 1.05;
     transition-duration: 0.3s;
     }
@@ -387,11 +387,11 @@ def top_animes_custom(anime_select):
 def top_animes_custom_genres(anime_select, genre_select):
     style_for_page = """
     <style>
-    [data-testid="baseButton-secondary"] {
+    .row-widget.stButton > button {
     border-radius: 15px;
     text-align: center:
     }
-    [data-testid="baseButton-secondary"]:hover {
+    .row-widget.stButton > button:hover {
     scale: 1.05;
     transition-duration: 0.3s;
     }