Merge pull request #2752 from IDEMSInternational/feat/button-variant-…

…chat

feat: MX theme button variant 'faq'

src/theme/themes/plh_facilitator_mx/_overrides.scss

@@ -289,6 +289,35 @@ body[data-theme="plh_facilitator_mx"] {
         }
       }
     }
+
+    ion-button[data-variant~="faq"] {
+      --border-radius: 0px var(--ion-border-radius-small) var(--ion-border-radius-small) 0px;
+      --background: white;
+      --background-activated: var(--ion-color-gray-light);
+      --padding-top: var(--tiny-padding);
+      --padding-bottom: var(--tiny-padding);
+      color: var(--color-surface-black);
+      min-height: var(--buttons-tall-height);
+
+      border: 1px solid var(--ion-color-gray-light);
+      border-radius: 0px !important;
+      border-start-end-radius: var(--ion-border-radius-small) !important;
+      border-end-end-radius: var(--ion-border-radius-small) !important;
+      border-inline-start: 4px solid var(--ion-color-primary);
+
+      &:hover {
+        --background: var(--ion-color-gray-light);
+      }
+      .text.left.null {
+        text-align: start !important;
+        p {
+          margin-inline-end: auto;
+          text-align: start !important;
+          width: auto !important;
+        }
+      }
+    }
+
     ion-button[data-language-direction~="rtl"] .children {
       position: unset !important;
       align-self: unset !important;