Give delete button a warning color

app/styles/_buttons.scss

@@ -30,6 +30,28 @@ header {
       }
     }
 
+    &.delete {
+      border-color: $dark-red;
+      color: $dark-red;
+
+      svg {
+        path {
+          fill: $dark-red;
+        }
+      }
+
+      &:hover {
+        background-color: $dark-red;
+        color: #fff;
+
+        svg {
+          path {
+            fill: #fff;
+          }
+        }
+      }
+    }
+
     &:disabled:not(.active),
     &:disabled:not(.active):hover {
       border-color: $dark-grey-3;

app/styles/_colors.scss

@@ -3,6 +3,7 @@ $dark-grey-2: #344453;
 $dark-grey-3: #aaa;
 $light-grey-1: #b5c3d1;
 $light-grey-2: #ececec;
+$dark-red: #8b0000;
 
 body {
   background-color: #fff;