diff --git a/static/dimension-switch.css b/static/dimension-switch.css
index 4ca1bd1..b41ed3f 100644
--- a/static/dimension-switch.css
+++ b/static/dimension-switch.css
@@ -103,6 +103,12 @@
   text-align: center;
   text-decoration: none;
   cursor: pointer;
+  transition: transform 160ms ease, box-shadow 160ms ease;
+}
+
+.dimension-choice-action:hover {
+  transform: translateY(-2px);
+  box-shadow: 0 9px 22px rgba(39, 33, 116, 0.17);
 }
 
 .dimension-choice-action.primary {
@@ -117,12 +123,28 @@
   background: #fff;
 }
 
+.dimension-choice-actions:has(.secondary:is(:hover, :focus-visible)) .primary {
+  border-color: #b8b4df;
+  color: #3730a3;
+  background: #fff;
+}
+
+.dimension-choice-actions .secondary:is(:hover, :focus-visible) {
+  border-color: #4f46e5;
+  color: #fff;
+  background: linear-gradient(135deg, #6366f1, #4338ca);
+}
+
 .dimension-choice-note {
   margin: 22px 0 0;
   color: #716c8a;
   font-size: 12px;
 }
 
+@media (prefers-reduced-motion: reduce) {
+  .dimension-choice-action { transition: none; }
+}
+
 @media (max-width: 600px) {
   .dimension-corner-link { top: 68px; right: 12px; padding: 0 12px; }
   .dimension-choice-actions,