diff --git a/core/themes/seven/css/components/buttons.theme.css b/core/themes/seven/css/components/buttons.theme.css
index 6ad5760..17c7735 100644
--- a/core/themes/seven/css/components/buttons.theme.css
+++ b/core/themes/seven/css/components/buttons.theme.css
@@ -11,7 +11,22 @@
  * older browsers.
  * 3. Prevent fat text in WebKit.
  */
-.button {
+
+
+.button{
+  padding: 0;
+  margin: 0;
+  border: 0;
+  border-radius: 0;
+  box-shadow: none;
+  background: none;
+  display: inline;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+  -webkit-font-smoothing: antialiased; /* 3 */
+}
+
+.button:not(.button--danger){
   padding: 4px 1.5em;  /* 1 */
   border: 1px solid #a6a6a6;
   border-radius: 20em;
@@ -32,8 +47,8 @@
           transition: all 0.1s;
   -webkit-font-smoothing: antialiased;  /* 3 */
 }
-.button:focus,
-.button:hover {
+.button:not(.button--danger):focus,
+.button:not(.button--danger):hover {
   background-color: #f9f8f6;
   background-image: -webkit-linear-gradient(top, #fcfcfa, #e9e9dd);
   background-image:    -moz-linear-gradient(top, #fcfcfa, #e9e9dd);
@@ -43,14 +58,14 @@
   text-decoration: none;
   outline: none;
 }
-.button:focus {
+.button:not(.button--danger):focus {
   border: 1px solid #3AB2FF;
   box-shadow: 0 0 0.5em 0.1em hsla(203, 100%, 60%, 0.7);
 }
-.button:hover {
+.button:not(.button--danger):hover {
   box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.125);
 }
-.button:active {
+.button:not(.button--danger):active {
   background-color: #dfdfd9;
   background-image: -webkit-linear-gradient(top, #f6f6f3, #e7e7df);
   background-image:    -moz-linear-gradient(top, #f6f6f3, #e7e7df);
@@ -74,8 +89,8 @@
   font-weight: 700;
   -webkit-font-smoothing: antialiased;
 }
-.button--primary:focus,
-.button--primary:hover {
+.button--primary:not(.button--danger):focus,
+.button--primary:not(.button--danger):hover {
   background-color: #2369a6;
   background-image: -webkit-linear-gradient(top, #0c97ed, #1f86c7);
   background-image:    -moz-linear-gradient(top, #0c97ed, #1f86c7);
@@ -84,13 +99,13 @@
   border-color: #1e5c90;
   color: #fff;
 }
-.button--primary:focus {
+.button--primary:not(.button--danger):focus {
   border: 1px solid #1280DF;
 }
-.button--primary:hover {
+.button--primary:not(.button--danger):hover {
   box-shadow: 0 1px 2px hsla(203, 10%, 10%, 0.25);
 }
-.button--primary:active {
+.button--primary:not(.button--danger):active {
   background-image: -webkit-linear-gradient(top, #08639b, #0071b8);
   background-image:    -moz-linear-gradient(top, #08639b, #0071b8);
   background-image:      -o-linear-gradient(top, #08639b, #0071b8);
@@ -149,12 +164,34 @@
   text-decoration: underline;
 }
 
+
+.button--danger {
+  cursor: pointer;
+  color: #c72100;
+  font-weight: 400;
+  text-decoration: underline;
+}
+.button--danger:focus,
+.button--danger:hover,
+.button--danger:active {
+  color: #ff2a00;
+  text-decoration: underline;
+}
+.button--danger:disabled,
+.button--danger.is-disabled {
+ color: #737373;
+ cursor: default;
+}
+
+
 /**
  * We've temporarily added the danger button here, bit of a harsh reset but we
  * need it.
  * @todo replace with link--danger.
  * See https://drupal.org/node/2123731
- */
+ *
+ * we no longer need this since we added :not?
+
 .button--danger {
   display: inline;
   cursor: pointer;
@@ -191,3 +228,4 @@
   box-shadow: none;
   background: none;
 }
+ */
\ No newline at end of file