New website focusing on ERP services.

static/css/components/button.css

@@ -1,24 +1,31 @@
-
-button, .button-submit, input[type="submit"] {
-    font-size: 20px;
-    font-weight: bold;
-    border: 4px solid;
-    border-radius: 2vh;
-    padding: 1vh 2vh 1vh 2vh;
-    margin: 0.5vh;
-    background-color: var(--c_purple_pastel);
-    color: var(--c_purple_dark);
-    border-color: var(--c_purple_dark);
+.button {
+    display: inline-block;
+    padding: 0.75rem 1.5rem;
+    border-radius: 6px;
+    text-decoration: none;
+    font-weight: 500;
+    transition: all 0.3s ease;
+    width: fit-content;
 }
 
-button.navContactUs {
-    border: 4px solid var(--c_purple_dark);
-    background-color: var(--c_purple_pastel);
-    color: var(--c_purple_dark) !important;
-    border-radius: 2vh;
-    width: 180px !important;
+.button-primary {
+    background: var(--primary);
+    color: white;
 }
 
-button:hover, input[type="submit"]:hover {
-    text-decoration: underline;
+.button-primary:hover {
+    background: var(--secondary);
 }
+
+.button-light {
+    background: white;
+    color: var(--primary);
+}
+
+.button-light:hover {
+    background: var(--light);
+}
+
+.logo:hover{
+    cursor: pointer;
+}