submit as an input

css/knacss-unminified.css

@@ -1806,6 +1806,7 @@ label {
 [type="number"],
 [type="password"],
 [type="search"],
+[type="submit"],
 [type="tel"],
 [type="text"],
 [type="time"],
@@ -1830,6 +1831,11 @@ textarea {
   appearance: none;
 }
 
+[type="submit"] {
+  background-color: #777;
+  color: #fff;
+}
+
 input[disabled] {
   opacity: .5;
   cursor: not-allowed;
@@ -1882,7 +1888,6 @@ progress {
 .btn,
 .button,
 [type="button"],
-[type="submit"],
 button, .btn--primary,
 .button--primary, .btn--success,
 .button--success, .btn--info,
@@ -1918,7 +1923,6 @@ button, .btn--primary,
 .btn:focus,
 .button:focus,
 [type="button"]:focus,
-[type="submit"]:focus,
 button:focus {
   -webkit-tap-highlight-color: transparent;
 }

sass/components/buttons.scss

@@ -30,7 +30,6 @@
 .btn,
 .button,
 [type="button"],
-[type="submit"],
 button {
   @extend %btn;
 

sass/components/forms.scss

@@ -33,6 +33,7 @@ label {
 [type="number"],
 [type="password"],
 [type="search"],
+[type="submit"],
 [type="tel"],
 [type="text"],
 [type="time"],
@@ -56,6 +57,11 @@ textarea {
   appearance: none;
 }
 
+[type="submit"] {
+  background-color: $color-border;
+  color: $color-light;
+}
+
 input[disabled] {
   opacity: .5;
   cursor: not-allowed;