@digital-b2c/coreui-kit 0.30.1 → 0.30.3

package/dist/index.css

@@ -4822,10 +4822,14 @@ a:hover {
   align-items: center;
 }
 .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_infoCallout h2 {
-  min-width: fit-content;
+  flex: 0 0 400px;
+  min-width: 0;
   color: var(--custom-color, var(--color-black));
 }
 .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_infoCallout .MiniSectionCta_module_subtitle {
+  flex: 1 1 0;
+  min-width: 400px;
+  overflow-wrap: anywhere;
   color: var(--custom-color, var(--color-black));
   font-weight: var(--font-weight-medium);
 }
@@ -4835,13 +4839,19 @@ a:hover {
 .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_infoCallout .MiniSectionCta_module_subtitle p a {
   color: var(--custom-color, var(--color-black));
 }
-@media (max-width: 768px) {
+@media (max-width: 1024px) {
   .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_infoCallout .MiniSectionCta_module_col {
     flex-direction: column;
     gap: var(--spacing-md);
     align-items: flex-start;
   }
+  .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_infoCallout h2 {
+    flex: 0 0 auto;
+    width: 100%;
+  }
   .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_infoCallout .MiniSectionCta_module_subtitle {
+    flex: initial;
+    width: 100%;
     font-size: var(--font-size-lg);
     font-weight: var(--font-weight-medium);
     line-height: var(--line-height-tight-1);
@@ -6776,6 +6786,11 @@ a:hover {
   padding: var(--spacing-3xl) var(--spacing-7xl);
   gap: var(--spacing-xl);
 }
+@media (max-width: 768px) {
+  .TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_container {
+    align-items: stretch;
+  }
+}
 .TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_content {
   display: flex;
   flex-direction: column;
@@ -6798,8 +6813,8 @@ a:hover {
   letter-spacing: -1%;
 }
 .TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_subtitle strong {
-  font-weight: 700;
   color: var(--color-black);
+  font-weight: 500;
 }
 .TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_ctaWrapper {
   display: flex;
@@ -6809,12 +6824,19 @@ a:hover {
   .TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_ctaWrapper {
     display: grid;
     gap: var(--spacing-sm);
+    padding: 0 var(--spacing-lg);
   }
 }
 @media (max-width: 768px) {
   .TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_ctaWrapper.TextCenterCtaInBottom_module_iconOnly {
     display: flex;
     justify-content: center;
+    flex-wrap: wrap;
+  }
+}
+@media (max-width: 768px) {
+  .TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_cta {
+    width: 100%;
   }
 }
 .TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_cta img {
@@ -6826,6 +6848,12 @@ a:hover {
   text-align: center;
   max-width: 866px;
 }
+@media (max-width: 768px) {
+  .TextCenterCtaInBottom_module_textCenterCta.TextCenterCtaInBottom_module_textCenterCTA .TextCenterCtaInBottom_module_content {
+    align-items: flex-start;
+    text-align: left;
+  }
+}
 .TextCenterCtaInBottom_module_textCenterCta.TextCenterCtaInBottom_module_textCenterButtonLogoBar .TextCenterCtaInBottom_module_content {
   align-items: center;
   text-align: center;
@@ -6855,7 +6883,7 @@ a:hover {
     gap: var(--spacing-md);
   }
   .TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_content {
-    max-width: 343px;
+    max-width: 100%;
     gap: var(--spacing-md);
   }
   .TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_title {