Add styles for cross-link button in App.css

2026-03-22 04:10:02 -04:00
parent c5aa4b5332
commit fa18c72cf7
1 changed files with 25 additions and 0 deletions
--- a/web/client/src/App.css
+++ b/web/client/src/App.css
@@ -4,6 +4,31 @@

@import url('https://fonts.googleapis.com/css2?family=Silkscreen:wght@400;700&display=swap');

+/* === Cross-link Button === */
+.cross-link-btn {
+  display: flex;
+  align-items: center;
+  gap: 0.25rem;
+  padding: 0.375rem 0.75rem;
+  border: 2px solid var(--mc-dark);
+  background: #2e4a8b;
+  color: var(--mc-text-aqua);
+  font-size: 0.7rem;
+  font-weight: 700;
+  font-family: 'Silkscreen', 'Courier New', monospace;
+  text-shadow: 1px 1px 0 var(--mc-dark);
+  text-decoration: none;
+  cursor: pointer;
+  transition: all 0.1s;
+  box-shadow: inset 0 1px 0 #4466bb, inset 0 -1px 0 #1a2a66;
+  white-space: nowrap;
+}
+
+.cross-link-btn:hover {
+  background: #3e5a9b;
+  color: white;
+}
+
 :root {
  --mc-dark: #1a1a1a;
  --mc-darker: #0e0e0e;