diff --git a/decnet_web/src/components/Bounty.css b/decnet_web/src/components/Bounty.css
index c27bf6b2..77dde909 100644
--- a/decnet_web/src/components/Bounty.css
+++ b/decnet_web/src/components/Bounty.css
@@ -8,16 +8,16 @@
 .bounty-root .btn {
   display: inline-flex;
   align-items: center;
-  gap: 6px;
-  padding: 6px 14px;
+  gap: 8px;
+  padding: 7px 14px;
   font-family: inherit;
-  font-size: 0.72rem;
-  letter-spacing: 2px;
+  font-size: 0.78rem;
+  letter-spacing: 1.5px;
   background: transparent;
   border: 1px solid var(--matrix);
   color: var(--matrix);
   cursor: pointer;
-  transition: all 0.15s ease;
+  transition: all 0.3s ease;
 }
 .bounty-root .btn:hover { background: var(--matrix); color: #000; box-shadow: var(--matrix-glow); }
 .bounty-root .btn.violet { border-color: var(--violet); color: var(--violet); }
@@ -223,16 +223,16 @@
 .bounty-drawer .btn {
   display: inline-flex;
   align-items: center;
-  gap: 6px;
-  padding: 6px 12px;
+  gap: 8px;
+  padding: 7px 14px;
   font-family: inherit;
-  font-size: 0.68rem;
-  letter-spacing: 2px;
+  font-size: 0.78rem;
+  letter-spacing: 1.5px;
   background: transparent;
   border: 1px solid var(--border);
   color: var(--matrix);
   cursor: pointer;
-  transition: all 0.15s ease;
+  transition: all 0.3s ease;
   opacity: 0.8;
 }
 .bounty-drawer .btn.ghost:hover { opacity: 1; border-color: var(--matrix); box-shadow: var(--matrix-glow); }
diff --git a/decnet_web/src/components/LiveLogs.css b/decnet_web/src/components/LiveLogs.css
index 9752dd4d..676a287b 100644
--- a/decnet_web/src/components/LiveLogs.css
+++ b/decnet_web/src/components/LiveLogs.css
@@ -8,16 +8,16 @@
 .logs-root .btn {
   display: inline-flex;
   align-items: center;
-  gap: 6px;
-  padding: 6px 14px;
+  gap: 8px;
+  padding: 7px 14px;
   font-family: inherit;
-  font-size: 0.72rem;
-  letter-spacing: 2px;
+  font-size: 0.78rem;
+  letter-spacing: 1.5px;
   background: transparent;
   border: 1px solid var(--matrix);
   color: var(--matrix);
   cursor: pointer;
-  transition: all 0.15s ease;
+  transition: all 0.3s ease;
 }
 .logs-root .btn:hover {
   background: var(--matrix);
diff --git a/decnet_web/src/components/Swarm.css b/decnet_web/src/components/Swarm.css
index e52cc919..aa6cc263 100644
--- a/decnet_web/src/components/Swarm.css
+++ b/decnet_web/src/components/Swarm.css
@@ -75,41 +75,37 @@
 }
 
 .control-btn {
+  cursor: pointer;
+  background: transparent;
+  border: 1px solid var(--matrix);
+  color: var(--matrix);
+  padding: 7px 14px;
+  transition: all 0.3s;
+  font-family: inherit;
+  font-size: 0.78rem;
+  letter-spacing: 1.5px;
   display: inline-flex;
   align-items: center;
-  gap: 6px;
-  padding: 6px 12px;
-  background: transparent;
-  border: 1px solid var(--border-color);
-  color: var(--text-color);
-  cursor: pointer;
-  font-family: inherit;
-  font-size: 0.85rem;
+  gap: 8px;
 }
 
-.control-btn:hover {
-  border-color: var(--text-color);
-  box-shadow: var(--matrix-green-glow);
-}
-
-.control-btn:disabled {
-  opacity: 0.5;
-  cursor: not-allowed;
-}
+.control-btn:hover { background: var(--matrix); color: #000; box-shadow: var(--matrix-glow); }
+.control-btn:disabled { opacity: 0.3; cursor: not-allowed; }
 
 .control-btn.primary {
-  border-color: var(--text-color);
-  color: var(--text-color);
+  border-color: var(--violet);
+  color: var(--violet);
 }
+.control-btn.primary:hover { background: var(--violet); color: #000; box-shadow: var(--violet-glow); }
 
 .control-btn.danger {
-  border-color: #ff4d4d;
-  color: #ff4d4d;
+  border-color: var(--alert, #ff4d4d);
+  color: var(--alert, #ff4d4d);
 }
-
 .control-btn.danger:hover {
-  background-color: rgba(255, 77, 77, 0.1);
-  box-shadow: 0 0 8px rgba(255, 77, 77, 0.4);
+  background: var(--alert, #ff4d4d);
+  color: #000;
+  box-shadow: 0 0 10px rgba(255, 77, 77, 0.5);
 }
 
 .error-box {
diff --git a/decnet_web/src/components/TopologyList/CreateTopologyWizard.css b/decnet_web/src/components/TopologyList/CreateTopologyWizard.css
index 3fef3ff4..9957d73c 100644
--- a/decnet_web/src/components/TopologyList/CreateTopologyWizard.css
+++ b/decnet_web/src/components/TopologyList/CreateTopologyWizard.css
@@ -219,20 +219,23 @@
 }
 
 .ctw-btn {
-  padding: 6px 14px;
-  font-family: var(--font-mono);
-  font-size: 0.72rem;
-  letter-spacing: 1.5px;
-  background: var(--violet);
-  color: #000;
-  border: none;
   cursor: pointer;
-}
-.ctw-btn:hover { filter: brightness(1.15); }
-.ctw-btn:disabled { opacity: 0.45; cursor: not-allowed; }
-.ctw-btn.ghost {
   background: transparent;
-  color: var(--text-color);
-  border: 1px solid var(--border, var(--panel-border));
+  border: 1px solid var(--violet);
+  color: var(--violet);
+  padding: 7px 14px;
+  transition: all 0.3s;
+  font-family: inherit;
+  font-size: 0.78rem;
+  letter-spacing: 1.5px;
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+}
+.ctw-btn:hover { background: var(--violet); color: #000; box-shadow: var(--violet-glow); }
+.ctw-btn:disabled { opacity: 0.3; cursor: not-allowed; }
+.ctw-btn.ghost { border-color: var(--border); color: var(--matrix); opacity: 0.7; }
+.ctw-btn.ghost:hover {
+  background: transparent; color: var(--matrix); opacity: 1;
+  border-color: var(--matrix); box-shadow: var(--matrix-glow);
 }
-.ctw-btn.ghost:hover { border-color: var(--violet); color: var(--violet); }
diff --git a/decnet_web/src/index.css b/decnet_web/src/index.css
index c3d356ad..84ddf449 100644
--- a/decnet_web/src/index.css
+++ b/decnet_web/src/index.css
@@ -133,7 +133,13 @@ button {
   background: transparent;
   border: 1px solid var(--matrix);
   color: var(--matrix);
-  padding: 8px 16px;
+  padding: 7px 14px;
+  font-family: inherit;
+  font-size: 0.78rem;
+  letter-spacing: 1.5px;
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
   transition: all 0.3s ease;
 }
 
@@ -143,6 +149,23 @@ button:hover {
   box-shadow: var(--matrix-glow);
 }
 
+button:disabled {
+  opacity: 0.3;
+  cursor: not-allowed;
+}
+
+/* Shared .btn variants (unscoped) */
+.btn.violet { border-color: var(--violet); color: var(--violet); }
+.btn.violet:hover { background: var(--violet); color: #000; box-shadow: var(--violet-glow); }
+.btn.alert { border-color: var(--alert); color: var(--alert); }
+.btn.alert:hover { background: var(--alert); color: #000; box-shadow: 0 0 10px rgba(255, 65, 65, 0.5); }
+.btn.ghost { border-color: var(--border); color: var(--matrix); opacity: 0.7; }
+.btn.ghost:hover {
+  background: transparent; color: var(--matrix); opacity: 1;
+  border-color: var(--matrix); box-shadow: var(--matrix-glow);
+}
+.btn.small { padding: 4px 10px; font-size: 0.68rem; }
+
 input {
   background: var(--panel);
   border: 1px solid var(--border);