1 files changed, 57 insertions, 8 deletions
diff --git a/src/assets/styles/bmc/custom/_buttons.scss b/src/assets/styles/bmc/custom/_buttons.scss
index e128a6db..04c612ec 100644
--- a/src/assets/styles/bmc/custom/_buttons.scss
+++ b/src/assets/styles/bmc/custom/_buttons.scss
@@ -1,14 +1,7 @@
 .btn {
-  // 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;
-  }
   &:disabled {
     color: gray("600");
     fill: currentColor;
@@ -24,6 +17,7 @@
   background-color: $red-brand-primary;
   border-radius: 8px;
   border: none;
+  box-shadow: 1px 2px 2px -1px rgb(79 37 37 / 40%) inset;
   font-family: 'Inter', sans-serif;
   font-style: normal;
   font-weight: 600;
@@ -55,6 +49,7 @@
   color: $red-brand-primary;
   border-radius: 8px;
   border: none;
+  box-shadow: 1px 2px 4px -1px rgb(79 37 37 / 10%) inset;
   font-family: 'Inter', sans-serif;
   font-style: normal;
   font-weight: 600;
@@ -79,7 +74,57 @@
   }
 }
 
-// Global style for all button link
+.btn-unstiled {
+  border: none;
+  &:focus {
+    box-shadow: none;
+  }
+  &:active {
+    box-shadow: none;
+  }
+}
+
+.btn-popover {
+  border: none;
+  color: $red-brand-primary;
+  height: 28px;
+  border-radius: 8px;
+  font-weight: 500;
+  font-size: 12px;
+  transition: ease-in 0.2s;
+  &:hover {
+    color: $white;
+    transition: ease-in 0.2s;
+  }
+  &:focus {
+    box-shadow: none;
+  }
+  &:active {
+    box-shadow: none;
+  }
+  &.selected-unit-button {
+    transition: ease-in 0.2s;
+    color: $white;
+  }
+  &.selected-choice-button {
+    transition: ease-in 0.2s;
+    color: $white;
+  }
+}
+
+.btn-toogle-popover {
+  justify-content: flex-start;
+  width: 25px;
+  height: 16px;
+  padding: 0;
+  &:focus {
+    box-shadow: none;
+  }
+  &:active {
+    box-shadow: none;
+  }
+}
+
 .btn-link {
   // font-weight: $headings-font-weight;
   color: $text-primary;
@@ -104,6 +149,10 @@
       transform: rotate(180deg);
       transition: 0.3s linear;
     }
+    .icon-expand-right {
+      transform: rotate(180deg);
+      transition: 0.3s linear;
+    }
   }
 }