update button style

style.css

@@ -561,14 +561,16 @@ body {
     margin-top: 0.75rem;
 }
 
-.mm-link-card {
+.gradio-container .mm-link-strip .mm-link-card {
     display: flex;
     flex-direction: column;
-    justify-content: space-between;
-    gap: 0.7rem;
-    min-height: 116px;
-    padding: 1.1rem 1.15rem;
+    align-items: flex-start;
+    justify-content: flex-start;
+    gap: 0.3rem;
+    padding: 1rem 1.15rem;
+    text-align: left;
     text-decoration: none;
+    color: var(--mm-ink);
     background: linear-gradient(180deg, var(--mm-surface) 0%, var(--mm-surface-soft) 100%);
     transition:
         transform 0.18s ease,
@@ -577,32 +579,35 @@ body {
         background 0.18s ease;
 }
 
-.mm-link-card:hover,
-.mm-link-card:focus-visible {
+.gradio-container .mm-link-strip .mm-link-card:hover,
+.gradio-container .mm-link-strip .mm-link-card:focus-visible {
     border-color: var(--mm-accent);
     background: linear-gradient(180deg, var(--mm-surface) 0%, var(--mm-accent-soft) 100%);
     box-shadow: 0 14px 32px rgba(15, 23, 42, 0.1);
     transform: translateY(-2px);
 }
 
-.mm-link-card:focus-visible {
+.gradio-container .mm-link-strip .mm-link-card:focus-visible {
     outline: none;
 }
 
-.mm-link-title {
-    color: var(--mm-ink);
-    font-size: 1rem;
-    font-weight: 800;
-    line-height: 1.35;
+.gradio-container .mm-link-strip .mm-link-title,
+.gradio-container .mm-link-strip .mm-link-note {
+    text-decoration: none;
     overflow-wrap: anywhere;
 }
 
-.mm-link-note {
-    margin-top: auto;
-    color: var(--mm-muted);
+.gradio-container .mm-link-strip .mm-link-title {
+    color: var(--mm-ink);
+    font-size: 1.05rem;
+    font-weight: 700;
+    line-height: 1.3;
+}
+
+.gradio-container .mm-link-strip .mm-link-note {
+    color: var(--mm-ink-soft);
     font-size: 0.9rem;
     line-height: 1.5;
-    overflow-wrap: anywhere;
 }
 
 @media (max-width: 1100px) {