Update app.py

app.py

@@ -48,11 +48,52 @@ with gr.Blocks(
         
         # Button with Javascript Event
         gr.HTML("""
-        <button onclick="Swal.fire({
+        <button class = 'button-27' role = 'button' onclick="Swal.fire({
                                 title: 'How To Use',
                                 text: 'Enter your Gemini API key, upload PDF document, select summary kind, then hit the summarize button',
-                                icon: 'info'});" 
-            style="padding: 10px; background-color: black; color: white; border: none; border-radius: 5px; cursor: pointer;text-align:center;">
+                                timer: 5000});" 
+            style=
+                 .button-27 {
+                  appearance: none;
+                  background-color: #000000;
+                  border: 2px solid #1A1A1A;
+                  border-radius: 15px;
+                  box-sizing: border-box;
+                  color: #FFFFFF;
+                  cursor: pointer;
+                  display: inline-block;
+                  font-family: Roobert,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
+                  font-size: 16px;
+                  font-weight: 600;
+                  line-height: normal;
+                  margin: 0;
+                  min-height: 60px;
+                  min-width: 0;
+                  outline: none;
+                  padding: 16px 24px;
+                  text-align: center;
+                  text-decoration: none;
+                  transition: all 300ms cubic-bezier(.23, 1, 0.32, 1);
+                  user-select: none;
+                  -webkit-user-select: none;
+                  touch-action: manipulation;
+                  width: 100%;
+                  will-change: transform;
+                }
+                
+                .button-27:disabled {
+                  pointer-events: none;
+                }
+                
+                .button-27:hover {
+                  box-shadow: rgba(0, 0, 0, 0.25) 0 8px 15px;
+                  transform: translateY(-2px);
+                }
+                
+                .button-27:active {
+                  box-shadow: none;
+                  transform: translateY(0);
+             >
             Info
         </button>
         """)