Update style.css

style.css

@@ -13,9 +13,16 @@ a {
     font-family: 'IBM Plex Sans', sans-serif;
 }
 .gr-button {
-    color: white;
-    border-color: #ff0000;
-    background: #ff0000;
+            color: #ffffff !important;
+            text-shadow: 1px 1px 0 rgba(0, 0, 0, 1) !important;
+            background-image: linear-gradient(#76635a, #d2a489) !important;
+            border-radius: 24px !important;
+            border: solid 1px !important;
+            border-top-color: #ffc99f !important;
+            border-right-color: #000000 !important;
+            border-bottom-color: #000000 !important;
+            border-left-color: #ffc99f !important;
+            padding: 6px 30px;
 }
 input[type='range'] {
     accent-color: #9d66e5;
@@ -45,9 +52,6 @@ input[type='range'] {
 .details:hover {
     text-decoration: underline;
 }
-.gr-button {
-    white-space: nowrap;
-}
 .gr-button:focus {
     border-color: rgb(255 160 0 / var(--tw-border-opacity));
     outline: none;