diff --git a/public/input/button/Button.jsx b/public/input/button/Button.jsx
index bc1ef34..e4f2ba4 100644
--- a/public/input/button/Button.jsx
+++ b/public/input/button/Button.jsx
@@ -65,6 +65,10 @@ class Button extends React.Component {
       contents = this.props.children;
     }
 
+    if(this.props.style) {
+      clazzes += " o-btn--style-" + this.props.style;
+    }
+
     //Determine extra clazzes
     if(this.props.className) this.clazzes += " "+this.props.className;
 
diff --git a/public/styles/elements/button.scss b/public/styles/elements/button.scss
new file mode 100644
index 0000000..19a1c96
--- /dev/null
+++ b/public/styles/elements/button.scss
@@ -0,0 +1,13 @@
+/*
+ *  Button
+ *    Basic Button Element Styling, mostly for resetting.
+ */
+button {
+  background: none;
+  border: none;
+  padding: 0;
+  margin: 0;
+  font-size: inherit;
+  font-weight: inherit;
+  font-family: inherit;
+}
diff --git a/public/styles/index.scss b/public/styles/index.scss
index 9570e48..086abda 100644
--- a/public/styles/index.scss
+++ b/public/styles/index.scss
@@ -45,6 +45,7 @@
 
 //Elements
 @import './elements/all.scss';
+@import './elements/button.scss';
 @import './elements/html.scss';
 
 @import './elements/_a.scss';
diff --git a/public/styles/objects/_button.scss b/public/styles/objects/_button.scss
index 3797a34..4dda6c5 100644
--- a/public/styles/objects/_button.scss
+++ b/public/styles/objects/_button.scss
@@ -11,9 +11,5 @@
 .o-btn {
   //Reset
   display: inline-block;
-  background: none;
-  border: none;
-  padding: 0;
-  margin: 0;
   cursor: pointer;
 }