fix: restore old button style, replace solid hover with subtle lift

Restore accent border + tinted background from before. Hover now
uses brightness(1.15) + soft box-shadow instead of solid fill —
keeps the button recognizable without the jarring color swap.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: rorar

docs/stylesheets/extra.css

@@ -114,18 +114,18 @@
   gap: 0.3rem;
   margin: 0.5rem auto 0;
   padding: 0.3rem 0.8rem;
-  border: 1px solid transparent;
+  border: 1px solid var(--md-accent-fg-color);
   border-radius: 4px;
-  background: transparent;
-  color: var(--md-default-fg-color--light);
+  background: var(--md-accent-fg-color--transparent);
+  color: var(--md-accent-fg-color);
   font-size: 0.78rem;
   cursor: pointer;
-  transition: color 0.2s ease, border-color 0.2s ease;
+  transition: filter 0.2s ease, box-shadow 0.2s ease;
 }
 
 .mermaid-expand-btn:hover {
-  color: var(--md-accent-fg-color);
-  border-color: var(--md-accent-fg-color--transparent);
+  filter: brightness(1.15);
+  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
 }
 
 /* Fullscreen wrapper — contains .mermaid element + close button */