Donate button with changes

Updatd donate button properties according other similiar button's properties in the website.

Author: VickyAbishek

components/common/header/index.js

@@ -124,6 +124,7 @@ class NavBar extends React.Component {
                       <a
                         href={item.path}
                         rel="noopener noreferrer"
+                        target={item.title === 'Donate' ? '_blank' : ''}
                         className={[
                           pathName === item.path ? 'active' : '',
                           item.title === 'Donate' ? 'donate_btn' : '',

components/common/header/index.styles.js

@@ -108,9 +108,15 @@ export const NavLink = styled.li`
       }
     }
     &.donate_btn {
-      background: #e91e63;
+      background: #c201b9;
       color: white;
-      border-radius: 10px;
+      border-radius: 6px;
+      font-weight: bold;
+      line-height: inherit;
+      margin: 5px;
+      &:hover {
+        background:#9c27b0;
+      }
     }
     @media(max-width: 885px) {
       width: 100%;