diff --git a/assets/style.css b/assets/style.css
index a465271..6a896fa 100644
--- a/assets/style.css
+++ b/assets/style.css
@@ -349,24 +349,26 @@ h1>input {
     padding: 10px 0px;
     margin-left: 10px;
 }
+.button[disabled] {
+    opacity: 0.5;
+    cursor: default;
+}
 .button:hover {
     text-decoration: none;
 }
+.button:not([disabled]):hover, .button:not([disabled]):active {
+    background: var(--button-alt);
+}
 
 .button-cancel {
     background: white;
     color: var(--theme-main);
+    --button-alt: #f0f0f0;
 }
-.button-cancel:hover, .button-cancel:active {
-    background: #f0f0f0;
-}
-
 .button-default {
     background: var(--theme-main);
     color: var(--theme-text);
-}
-.button-default:hover, .button-default:active {
-    background: var(--theme-input);
+    --button-alt: var(--theme-input);
 }
 
 @media (min-width: 960px) {
diff --git a/templates/article.html b/templates/article.html
index b511108..4f07039 100644
--- a/templates/article.html
+++ b/templates/article.html
@@ -27,6 +27,9 @@
 <div class="editor-controls">
 {{#cancel_url}}
     <a class="button button-cancel cancel" href="{{.}}">Cancel</a>
+{{/cancel_url}}
+{{^cancel_url}}
+    <button class="button button-cancel cancel" disabled>Cancel</a>
 {{/cancel_url}}
     <button class="button button-default" type=submit>Save</button>
 </div>