main layout

src/buttonNew.scss

@@ -0,0 +1,46 @@
+@font-face {
+    font-family: 'ProximaNova Bold';
+    src: url('/ProximaNova-Bold-webfont.woff2') format('opentype');
+}
+
+.newclient {
+    background: rgba(9, 150, 236, 1);
+    border-radius: 5px;
+
+    display: flex;
+    justify-content: center;
+}
+
+.new-button {
+    align-self: flex-end;
+
+    display: inline-block;
+    user-select: none;
+
+    color: white;
+    font-family: 'ProximaNova Bold', Helvetica, Arial, sans-serif;
+    text-decoration: none;
+    font-size: 18px;
+    text-align: center;
+
+    width: 226px;
+    height: 58px;
+    line-height: 58px;
+    box-sizing: border-box;
+    margin: 20px;
+
+    border-radius: 8px;
+
+    background: #22a4f3;
+    background: linear-gradient(-180deg, #22a4f3 0%, #004093 100%);
+
+    box-shadow:
+        0 3px 0 0 rgba(0, 82, 175, 0.4),
+        inset 0 2px 0 0 rgba(255, 255, 255, 0.4);
+
+    border: 1px solid #003f72;
+
+    &:hover {
+        background: linear-gradient(-180deg, #004093 0%, #22a4f3 100%);
+    }
+}