Adjust move and action button styling

satiate.css

@@ -307,11 +307,27 @@ a:hover {
   flex: 0 0 50px;
   width: 250px;
   background-color: #888;
+  border-color: #ddd;
   color: #eee;
   margin: 5px;
   font-size: 16pt;
+  border: 5px;
+  border-style: outset;
 }
 
+.action-button:active {
+  background-color: #666;
+  border-color: #999;
+}
+
+.action-button.disabled {
+  border-style: inset;
+  border-color: #222;
+}
+
+.action-button.disabled:active {
+  border-color: #222;
+}
 
 #desc {
   padding: 25px;
@@ -369,9 +385,26 @@ a:hover {
   background-color: #888;
   color: #eee;
   border-radius: 5px;
+  border-style: outset;
+  border-color: #999;
   font-size: 24px;
 }
 
+.move-button:active {
+  background-color: #666;
+  border-color: #333;
+}
+
+.move-button.disabled {
+  border-style: inset;
+  border-color: #222;
+}
+
+.move-button.disabled:active {
+  border-style: inset;
+  border-color: #222;
+}
+
 #move-up-left {
   grid-column-start: 1;
 }
@@ -418,12 +451,10 @@ a:hover {
 
 .disabled {
   background-color: #444;
-  border: none;
 }
 
 .disabled:active {
   background-color: #444;
-  border: none;
 }
 
 .disabled:focus {