WIP

public/src/assets/main.css

@@ -26,17 +26,23 @@ html, body {
 }
 
 button {
-  border: none;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
   padding: 8px 14px 8px 10px;
   margin: 0 4px;
-  border-radius: 4px;
+  border-radius: 6px;
   font-weight: 600;
   background: #d7eaf3;
   color: #0e2c48;
+  border: 1px solid #bed4e0;
+  transition: 100ms border-color;
+}
+
+button.flat {
+  background: #ffffff;
+  border: 1px solid transparent;
 }
 
 button i {
@@ -45,10 +51,14 @@ button i {
   padding: 0;
 }
 
-button:hover {
+button.flat:hover{
+  border-color: #e5e5e5;
+}
+
+button:not(.flat):hover {
   background: #e4eff6;
 }
 
-button:active {
+button:not(.flat):active {
   background: #d0e3f1;
 }