fix buttons

Author: 1cg

www/css/os9.css

@@ -1415,56 +1415,37 @@ v-h { clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; overflow: hidden;
 
 .talk-links {
     display: flex;
-    flex-direction: column;
-    gap: 10px;
+    flex-wrap: wrap;
+    gap: 12px;
     margin: 1rem 0 2rem;
-    max-width: 28ch;
 }
 
 .talk-link {
     display: flex;
     align-items: center;
-    justify-content: center;
-    gap: 10px;
-    padding: 10px 18px;
+    gap: 8px;
+    padding: 8px 16px;
     text-decoration: none;
     font-family: var(--font-heading);
-    font-size: 1rem;
+    font-size: 0.85rem;
     color: var(--text);
     border-radius: 4px;
-    border: 1px solid #a0a0a0;
-    border-top-color: #d8d8d8;
-    border-left-color: #d8d8d8;
-    border-bottom-color: #888888;
-    border-right-color: #888888;
-    background: linear-gradient(180deg, #f8f8f8 0%, #e0e0e0 50%, #d0d0d0 100%);
-    box-shadow:
-        inset 0 1px 0 rgba(255,255,255,0.8),
-        0 1px 2px rgba(0,0,0,0.1),
-        0 2px 4px rgba(0,0,0,0.04);
-    transition: none !important;
+    border: 1px solid #ccc;
+    background: #fafafa;
+    box-shadow: 0 1px 2px rgba(0,0,0,0.06);
 }
 
 .talk-link:hover {
-    background: linear-gradient(180deg, #ffffff 0%, #e8e8e8 50%, #d8d8d8 100%);
+    background: #f0f0f0;
+    border-color: #aaa;
     color: var(--text);
 }
 
-.talk-link:active {
-    border-top-color: #888888;
-    border-left-color: #888888;
-    border-bottom-color: #d8d8d8;
-    border-right-color: #d8d8d8;
-    background: linear-gradient(180deg, #c8c8c8 0%, #d8d8d8 100%);
-    box-shadow: inset 0 2px 4px rgba(0,0,0,0.18);
-    transform: translate(1px, 1px);
-}
-
 .talk-link svg {
-    width: 18px;
-    height: 18px;
+    width: 16px;
+    height: 16px;
     flex-shrink: 0;
-    opacity: 0.7;
+    opacity: 0.6;
 }
 
 .talk-link:hover svg {