added basic modal class styling, styled success modal

src/sass/forms.scss

@@ -0,0 +1,3 @@
+.button-clear{
+  background: none !important;
+}

src/sass/main.scss

@@ -970,3 +970,4 @@ input[type=number] {
 @import 'views/onboarding/onboarding';
 @import "views/includes/walletActivity";
 @import "views/includes/wallets";
+@import "views/includes/modals/modals";

src/sass/views/includes/modals/backup-confirm-modal.scss

@@ -0,0 +1,3 @@
+#backup-confirm-modal{
+  
+}

src/sass/views/includes/modals/modals.scss

@@ -0,0 +1,47 @@
+.popup-modal {
+  background: #fff;
+  top: 20%;
+  position: absolute;
+  z-index: 10;
+  width: 90%;
+  left: 5%;
+  border-radius: .25rem;
+  &-header {
+    background: rgb(1, 209, 162);
+    padding: 1rem;
+    border-radius: .25rem .25rem 0 0;
+    min-height: 120px;
+    &-success {
+      background: url('../img/onboarding-success.svg') no-repeat center;
+      height: 6rem;
+      background-size: contain;
+      margin-top: .3rem;
+    }
+  }
+  &-content {
+    padding: .5rem .8rem;
+    h5,p{
+      margin:0 0 1rem;
+    }
+    h5 {
+      color: rgb(74, 74, 74);
+      font-weight: bold;
+      font-size: 1.3rem;
+      margin-top:1rem;
+    }
+    p{
+      font-weight: 200;
+    }
+  }
+  &-content-success{
+    button{
+      color:rgb(23, 174, 140) !important;
+    }
+  }
+}
+
+.modal-backdrop.active {
+  background: rgba(0, 0, 0, .5);
+}
+
+@import "backup-confirm-modal";

src/sass/views/wallet-backup-phrase.scss

@@ -15,7 +15,7 @@
     background: rgba(246, 246, 246, 0.87);
     padding: .5rem .5rem 1.7rem;
     border: 2px dashed rgb(206, 206, 206);
-    width: 80%;
+    width: 90%;
     margin: 2rem auto;
     color: rgb(43, 43, 43);
     text-align: center;