@digital-b2c/coreui-kit 0.11.2 → 0.11.3

package/dist/index.css

@@ -1926,49 +1926,116 @@ a:hover.Card_module_card {
     padding-bottom: 24px;
   }
 }
+.Footer_module_support-section {
+  display: flex;
+  flex-direction: column;
+  gap: 32px;
+}
+@media (max-width: 768px) {
+  .Footer_module_support-section {
+    gap: 32px;
+    align-items: center;
+    text-align: center;
+    margin-bottom: 1rem;
+  }
+}
+.Footer_module_support-heading {
+  font-size: var(--font-size-md);
+  font-weight: var(--font-weight-medium);
+  text-transform: uppercase;
+  letter-spacing: 0.15em;
+  color: var(--color-white);
+}
 .Footer_module_support {
   display: flex;
   justify-content: space-between;
-  gap: 32px;
+  gap: clamp(16px, 2.5vw, 32px);
 }
 @media (max-width: 768px) {
   .Footer_module_support {
     flex-direction: column;
-    gap: 24px;
+    gap: 56px;
+  }
+}
+.Footer_module_support-column {
+  display: flex;
+  flex-direction: column;
+  gap: 32px;
+}
+@media (max-width: 768px) {
+  .Footer_module_support-column {
+    align-items: center;
+    text-align: center;
+    width: 343px;
+  }
+  .Footer_module_support-column:not(:last-child) .Footer_module_support-title,
+  .Footer_module_support-column:not(:last-child) .Footer_module_support-subtitle {
+    font-weight: var(--font-weight-regular);
   }
 }
 .Footer_module_support-group {
-  flex: 1;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  min-width: 0;
 }
 .Footer_module_support-title {
-  font-size: var(--font-size-sm);
-  font-weight: var(--font-weight-bold);
-  text-transform: uppercase;
-  letter-spacing: 0.05em;
-  margin-bottom: 16px;
+  font-size: var(--font-size-md);
+  font-weight: var(--font-weight-medium);
+  letter-spacing: -0.08px;
+  line-height: 1.5;
+  color: var(--color-light-gray);
+}
+.Footer_module_support-subtitle {
+  font-size: var(--font-size-md);
+  font-weight: var(--font-weight-medium);
+  line-height: 1.5;
   color: var(--color-white);
 }
-.Footer_module_support-list {
-  list-style: none;
-  padding: 0;
+.Footer_module_support-subtitle p {
   margin: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
 }
-.Footer_module_support-item {
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
+.Footer_module_support-subtitle p:not(:last-child) {
+  margin-bottom: 8px;
 }
-.Footer_module_support-value {
-  font-size: var(--font-size-sm);
+.Footer_module_support-subtitle a {
   color: var(--color-white);
   text-decoration: none;
+  overflow-wrap: anywhere;
 }
-.Footer_module_support-value:hover {
+.Footer_module_support-subtitle a:hover {
   text-decoration: underline;
 }
+.Footer_module_support-subtitle table {
+  border-collapse: collapse;
+  width: 100%;
+}
+.Footer_module_support-subtitle td {
+  padding: 0 0 2px;
+  vertical-align: top;
+}
+.Footer_module_support-subtitle td:not(:last-child) {
+  padding-right: 16px;
+}
+@media (max-width: 768px) {
+  .Footer_module_support-subtitle table,
+  .Footer_module_support-subtitle tbody {
+    display: block;
+    width: 100%;
+  }
+  .Footer_module_support-subtitle tr {
+    display: flex;
+    width: 100%;
+  }
+  .Footer_module_support-subtitle td {
+    flex: 1 1 0;
+    min-width: 0;
+    text-align: left;
+  }
+  .Footer_module_support-subtitle td:last-child:not(:only-child) {
+    text-align: right;
+  }
+}
 .Footer_module_bottom {
   display: flex;
   justify-content: space-between;