1 files changed, 35 insertions, 14 deletions
diff --git a/src/assets/styles/bmc/custom/_buttons.scss b/src/assets/styles/bmc/custom/_buttons.scss
index 2a7b8169..210aef90 100644
--- a/src/assets/styles/bmc/custom/_buttons.scss
+++ b/src/assets/styles/bmc/custom/_buttons.scss
@@ -1,13 +1,13 @@
 .btn {
-  padding-top: $spacer / 2;
-  padding-right: $spacer;
-  padding-bottom: $spacer / 2;
-  padding-left: $spacer;
+  // padding-top: $spacer / 2;
+  // padding-right: $spacer;
+  // padding-bottom: $spacer / 2;
+  // padding-left: $spacer;
   display: inline-flex;
   align-items: center;
   justify-content: space-around;
   svg {
-    margin-right: $spacer / 4;
+    // margin-right: $spacer / 4;
   }
   &:disabled {
     color: gray("600");
@@ -21,11 +21,32 @@
 }
 
 .btn-primary {
-  fill: currentColor;
-  &:focus,
-  &:not(:disabled):not(.disabled):active:focus {
-    border-color: $white;
-    box-shadow: inset 0 0 0 3px theme-color('primary'), inset 0 0 0 5px $white;
+  background-color: $button-colour;
+  border-radius: 8px;
+  border: none;
+  font-family: Inter;
+  font-style: normal;
+  font-weight: 600;
+  font-size: 16px;
+  line-height: 20px;
+  &:hover {
+    background-color: $button-colour-hover;
+  }
+  &:not(:disabled):not(.disabled):active:focus,
+  &:focus-visible {
+    border: none;
+    box-shadow: none;
+    background-color: $button-colour-click;
+  }
+  &:focus {
+    border: none;
+    box-shadow: none;
+    background-color: $button-colour;
+  }
+  &:active {
+    border: none;
+    box-shadow: none;
+    background-color: $button-colour;
   }
 }
 
@@ -34,7 +55,7 @@
   &:focus,
   &:not(:disabled):not(.disabled):active:focus {
     border-color: $white;
-    box-shadow: inset 0 0 0 3px theme-color('secondary'), inset 0 0 0 5px $white;
+    box-shadow: inset 0 0 0 2px theme-color('secondary');
   }
 }
 
@@ -51,9 +72,9 @@
     background-color: gray("300");
   }
   &:focus {
-    box-shadow: inset 0 0 0 2px theme-color("primary");
-    color: theme-color("primary");
-    outline: none;
+    // box-shadow: inset 0 0 0 2px theme-color("primary");
+    // color: theme-color("primary");
+    // outline: none;
   }
   &:disabled {
     box-shadow: $btn-focus-box-shadow;