1 files changed, 44 insertions, 6 deletions
diff --git a/src/assets/styles/bmc/custom/_buttons.scss b/src/assets/styles/bmc/custom/_buttons.scss
index 1afcac0b..e128a6db 100644
--- a/src/assets/styles/bmc/custom/_buttons.scss
+++ b/src/assets/styles/bmc/custom/_buttons.scss
@@ -24,7 +24,7 @@
   background-color: $red-brand-primary;
   border-radius: 8px;
   border: none;
-  font-family: Inter;
+  font-family: 'Inter', sans-serif;
   font-style: normal;
   font-weight: 600;
   font-size: 16px;
@@ -51,11 +51,31 @@
 }
 
 .btn-secondary {
-  fill: currentColor;
-  &:focus,
-  &:not(:disabled):not(.disabled):active:focus {
-    border-color: $white;
-    box-shadow: inset 0 0 0 2px theme-color('secondary');
+  background-color: $faint-secondary-primary-5;
+  color: $red-brand-primary;
+  border-radius: 8px;
+  border: none;
+  font-family: 'Inter', sans-serif;
+  font-style: normal;
+  font-weight: 600;
+  font-size: 16px;
+  line-height: 20px;
+  &:hover {
+    background-color: $faint-secondary-primary-5-hover;
+    color: $red-brand-primary;
+  }
+  &:focus {
+    border: none;
+    box-shadow: 0px 0px 0px 4px rgba(225, 23, 23, 0.5);
+    color: $red-brand-primary;
+    background-color: $faint-secondary-primary-5;
+  }
+  &:not(:disabled):not(.disabled):active:focus,
+  &:focus-visible {
+    border: none;
+    box-shadow: none;
+    color: $red-brand-primary;
+    background-color: $faint-secondary-primary-20;
   }
 }
 
@@ -106,4 +126,22 @@
 .input-action-btn {
   padding: 7px;
   margin: 1px;
+}
+
+.collapse-button {
+  height: 56px;
+  width: 100%;
+  padding: 0 0 0 2rem;
+  margin: 0;
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: flex-start;
+  gap: 8px;
+  &:active,
+  &:focus {
+    box-shadow: none;
+  }
+  &:hover {
+    color: $text-primary;
+  }
 }
 \ No newline at end of file