Add button component (twig) (#188)

* Add button component

* Replace old buttons with the new ones

* Update icons and border radius

* Update add page button

* Set size small to add page btn

* Update button indentation

* Cleanup

* icons and button component updated

* upd secondary colour, page button call

* Update small button padding right

Co-authored-by: Peter Savchenko <specc.dev@gmail.com>

src/frontend/styles/vars.pcss

@@ -3,10 +3,22 @@
   --color-text-second: #5d6068;
   --color-line-gray: #E8E8EB;
   --color-link-active: #2071cc;
-  --color-button-danger: #ff5159;
   --color-bg-light: #f8f7fa;
   --color-page-active: #ff1767;
 
+  --color-button-primary: #3389FF;
+  --color-button-primary-hover: #2E7AE6;
+  --color-button-primary-active: #296DCC;
+
+  --color-button-secondary: #717682;
+  --color-button-secondary-hover: #5D6068;
+  --color-button-secondary-active: #4B4F5B;
+
+  --color-button-warning: #EF5C5C;
+  --color-button-warning-hover: #D65151;
+  --color-button-warning-active: #BD4848;
+
+
   /**
    * Site layout sizes
    */
@@ -47,15 +59,6 @@
     }
   }
 
-  --button-danger {
-    background: var(--color-button-danger);
-    color: #fff;
-    box-shadow: none;
-
-    &:hover {
-      background: color-mod(var(--color-button-danger) blackness(+10%));
-    }
-  }
 
   --button-primary {
     background: var(--color-link-active);