added delete buttons

src/assets/scss/atoms/_buttons.scss

@@ -6,10 +6,13 @@ input[type="submit"] {
   padding-left: 1.5rem;
   font-size: 1.6rem;
   line-height: 1;
+  background-color: #fff;
   border: 2px solid $primary_color;
   border-radius: 0.3rem;
 
-  &.background-btn {
+  &.btn_background {
+    padding-top: 1rem;
+    padding-bottom: 1rem;
     font-weight: 600;
     background-color: $primary_color;
 
@@ -19,7 +22,13 @@ input[type="submit"] {
     }
 
     &.btn_delete {
+      color: #fff;
+      background-color: $red;
 
+      &:hover {
+        color: $red;
+        background-color: #fff;
+      }
     }
   }
 
@@ -28,11 +37,14 @@ input[type="submit"] {
     padding-bottom: 0.8rem;
 
     &:hover {
-      background-color: rgba($primary_color, .2);
+      background-color: rgba($primary_color, 0.2);
     }
+  }
 
-    &.btn_delete {
-      
+  &.btn_delete {
+    &,
+    &:hover {
+      border-color: $red;
     }
   }
-}
+}

src/assets/scss/variables.scss

@@ -9,6 +9,7 @@ $dark-lavender: #7d6c99;
 $dusty-orange: #f18647;
 $mango: #ffb92c;
 $violet: #bd10e0;
+$red: #cd0000;
 
 // interpretations in app
 $primary_color: $sun-yellow;