feat(buyandsell): clearer language and better expectations in buyandsell view

src/sass/variables.scss

@@ -46,6 +46,7 @@ $item-default-border:             $subtle-gray;
 $item-default-text:               $dark-gray;
 $item-default-active-bg:          darken(#ffffff, 7%);
 $item-default-active-border:      darken($subtle-gray, 7%);
+$item-divider-bg:                 $subtle-gray;
 
 $bar-default-border:              $subtle-gray;
 

src/sass/views/buyandsell.scss

@@ -0,0 +1,34 @@
+#buy-and-sell {
+  .explain {
+    text-align: center;
+    margin-top: 1em;
+  }
+  .buy-and-sell-icon {
+    display: inline-block;
+    width: 50px;
+    height: 50px;
+    border-radius: 50%;
+    box-shadow: $subtle-box-shadow;
+    background-color: #fa912b;
+    img {
+      height: 100%;
+      width: 100%;
+    }
+  }
+  .explain {
+    &-heading {
+      font-size: 20px;
+      margin: 1rem;
+    }
+    &-description {
+      margin-left: auto;
+      margin-right: auto;
+      opacity: .6;
+      max-width: 300px;
+      padding: 0 1em;
+    }
+  }
+  .item-note {
+    color: $light-gray;
+  }
+}

src/sass/views/views.scss

@@ -15,6 +15,7 @@
 @import "bitpayCard";
 @import "bitpayCardIntro";
 @import "bitpayCardPreferences";
+@import "buyandsell";
 @import "address-book";
 @import "addresses";
 @import "wallet-backup-phrase";