ux: fix coffee button — hover, cursor, font, and copy

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

Author: dotsystemsdevs

src/app/globals.css

@@ -371,6 +371,19 @@ button {
   opacity: 0.9;
 }
 
+.coffee-btn-fixed {
+  cursor: pointer;
+  transition: background 0.15s, color 0.15s, box-shadow 0.15s, transform 0.12s;
+}
+.coffee-btn-fixed:hover {
+  background: #1a1a1a !important;
+  color: #f6f6f6 !important;
+  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
+}
+.coffee-btn-fixed:active {
+  transform: scale(0.97);
+}
+
 .subpage-faq-cta {
   display: inline-flex;
   align-items: center;

src/app/layout.tsx

@@ -76,25 +76,25 @@ export default function RootLayout({ children }: { children: React.ReactNode })
           target="_blank"
           rel="noopener noreferrer"
           aria-label="Buy me a coffee"
+          className="coffee-btn-fixed"
           style={{
             position: 'fixed',
             top: '12px',
             right: '14px',
             zIndex: 999,
-            fontFamily: `var(--font-courier), monospace`,
-            fontSize: '11px',
-            fontWeight: 700,
-            letterSpacing: '0.06em',
-            textTransform: 'uppercase',
+            fontFamily: `var(--font-dm), -apple-system, sans-serif`,
+            fontSize: '12px',
+            fontWeight: 600,
+            letterSpacing: '0.01em',
             color: '#1a1a1a',
             textDecoration: 'none',
-            padding: '6px 10px',
+            padding: '7px 12px',
             border: '1.5px solid #1a1a1a',
             background: '#f6f6f6',
             whiteSpace: 'nowrap',
           }}
         >
-          ☕ Keep the lights on
+          ☕ Don't let us die too
         </a>
         {children}
         <Analytics />