@axos-web-dev/shared-components 1.0.77 → 1.0.78-buydown-patch.1

package/dist/VideoTile/VideoTile.js

@@ -1,10 +1,10 @@
 "use client";
-import { jsxs, jsx } from "react/jsx-runtime";
-import "../icons/ArrowIcon/ArrowIcon.css.js";
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import SvgArrowIcon from "../icons/ArrowIcon/index.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
 import SvgChevronDown from "../icons/ChevronDown.js";
 import SvgChevronUp from "../icons/ChevronUp.js";
-import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
+import '../assets/VideoWrapper/VideoWrapper.css';import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.css';import '../assets/Topic/Topic.css';import '../assets/TextBlock/TextBlock.css';import '../assets/SocialMediaBar/SocialMediaBar.css';import '../assets/SecondaryFooter/SecondaryFooter.css';import '../assets/Pagination/Pagination.css';import '../assets/PageNavSet/PageNavigationSet.css';import '../assets/NavigationMenu/LaVictoire/NavBar.css';import '../assets/NavigationMenu/AxosALTS/NavBar.css';import '../assets/NavigationMenu/AxosClearing/NavBar.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar.css';import '../assets/Insight/Insight.css';import '../assets/Insight/Featured/Header.css';import '../assets/Insight/Featured/CategorySelector.css';import '../assets/Insight/Featured/Featured.css';import '../assets/ImageLink/ImageLink.css';import '../assets/HelpArticle/HelpArticle.css';import '../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../assets/DownloadTile/DownloadTile.css';import '../assets/CollectInformationAlert/CollectInformationAlert.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Auth/SignIn.css';import '../assets/Auth/ErrorAlert.css';import '../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Forms/QuickPricer/QuickPricerResults.css';import '../assets/Modal/Modal.css';import '../assets/BulletItem/BulletItem.css';import '../assets/Typography/Typography.css';import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
 /* empty css                                   */
 /* empty css                                    */
 /* empty css                                                    */
@@ -12,7 +12,120 @@ import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/Downl
 import ReactMarkdown from "react-markdown";
 import { useToggle } from "react-use";
 import { VideoInit } from "./VideoInit.js";
-import { video_tile, video_container, mb_8, video_title, vidyard_height, transcript_container, toggle_container, transcript_btn, expand_icon, transcript_content, show, hide_transcript } from "./VideoTile.css.js";
+import { video_tile, video_container, mb_8, video_title, vidyard_height, transcript_container, toggle_container, transcript_btn, transcript_content, expand_icon, show, hide_transcript } from "./VideoTile.css.js";
+import { ModalWrapper } from "../ImageBillboard/ExitIntentModal/ModalWrapper.js";
+import { useRef } from "react";
+import { IconBillboard } from "../IconBillboard/IconBillboard.js";
+import "../IconBillboard/IconBillboard.css.js";
+import "../utils/allowedAxosDomains.js";
+import "clsx";
+/* empty css                                          */
+/* empty css                                          */
+import "../Accordion/Accordion.js";
+import "../Accordion/Accordion.css.js";
+import "../AlertBanner/AlertBanner.css.js";
+import "../Article/Article.css.js";
+import "../Interstitial/Interstitial-variants.css.js";
+import "../Chevron/Chevron.css.js";
+/* empty css                                */
+import "../Modal/contextApi/store.js";
+import "../Button/Button.css.js";
+import "../ArticlesSet/ArticlesSet.css.js";
+import "../Calculators/calculator.css.js";
+import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
+import "../Calculators/ApyCalculator/ApyCalculator.css.js";
+import "../Table/Table.css.js";
+import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
+import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
+import "@hookform/resolvers/zod";
+import "../Input/Checkbox.js";
+import "../Input/CurrencyInput.js";
+import "../Input/Dropdown.js";
+import "../Input/Dropdown.css.js";
+import "../Input/Input.js";
+import "../Input/Input.css.js";
+import "../Input/InputAmount.js";
+import "../Input/InputPhone.js";
+import "../Input/InputTextArea.js";
+import "../Input/DownPaymentInput.js";
+import "../Input/RadioButton.js";
+import "react-hook-form";
+import "../Forms/Forms.css.js";
+import "../Forms/SalesforceFieldsForm.js";
+import "../Input/RadioButton.css.js";
+import "../Input/Checkbox.css.js";
+import "../LoadingIndicator/LoadingIndicator.css.js";
+import "../Inputs/Input.css.js";
+/* empty css                                                         */
+import "../Hyperlink/Hyperlink.css.js";
+/* empty css                                                      */
+import "iframe-resizer";
+/* empty css                                                                                */
+import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
+import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
+import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
+import "../Input/PercentageInput.js";
+import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
+/* empty css                                    */
+import "react-dom";
+/* empty css                                */
+import "../Auth/SignInPassword.js";
+/* empty css                                              */
+/* empty css                                          */
+/* empty css                                                    */
+import "../Carousel/index.js";
+/* empty css                                                                    */
+import "../Comparison/Comparison.css.js";
+import "next/image.js";
+import "../HeroBanner/HeroBanner.css.js";
+import "../HeroBanner/LargeBanner.css.js";
+import "../HeroBanner/SelectionBanner.css.js";
+import "../SetContainer/SetContainer.css.js";
+import "../Tab/Tab.css.js";
+import "../icons/Star/Star.css.js";
+import "../ContentBanner/ContentBanner.css.js";
+/* empty css                                              */
+import "../ExecutiveBio/ExecutiveBio.css.js";
+import "../FaqAccordion/index.js";
+import "../FooterDisclosure/FooterDisclosure.css.js";
+/* empty css                                                          */
+/* empty css                                                         */
+/* empty css                                            */
+import "../ImageBillboard/ImageBillboard.css.js";
+/* empty css                                        */
+/* empty css                                              */
+/* empty css                                                      */
+/* empty css                                            */
+/* empty css                                    */
+import "../LandingPageHeader/LandingPageHeader.css.js";
+/* empty css                                                      */
+import "next/navigation.js";
+/* empty css                                                         */
+/* empty css                                                              */
+/* empty css                                                                 */
+import "next/link.js";
+import "../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
+/* empty css                                                   */
+import "../NavigationMenu/AxosBank/NavData.js";
+/* empty css                                                      */
+/* empty css                                                       */
+import "../NavigationMenu/AxosALTS/NavData.js";
+/* empty css                                                   */
+/* empty css                                                     */
+import "../NavigationMenu/LaVictoire/NavData.js";
+import "../PageNavItem/PageNavItem.css.js";
+import "react-slick";
+/* empty css                                                 */
+/* empty css                                          */
+/* empty css                                                    */
+/* empty css                                                  */
+import "../StepItem/StepItem.css.js";
+import "../StepItemSet/StepItemSet.css.js";
+/* empty css                                        */
+/* empty css                                */
+/* empty css                                                  */
+/* empty css                                                */
+/* empty css                                              */
 const VideoTile = ({
   //   ariaLabel,
   title,
@@ -24,13 +137,76 @@ const VideoTile = ({
   transcript,
   id,
   description,
-  internalName
+  internalName,
+  enableModal = false
 }) => {
   const [on, toggle] = useToggle(false);
+  const modalRef = useRef(null);
   const handleToggleClick = (event) => {
     event.preventDefault();
     toggle();
   };
+  let transcriptSection = null;
+  if (transcript) {
+    if (enableModal) {
+      transcriptSection = /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("div", { className: `${transcript_container}`, children: /* @__PURE__ */ jsx(
+          "a",
+          {
+            className: `${toggle_container}`,
+            "aria-expanded": on,
+            href: "#",
+            "aria-label": "",
+            onClick: handleToggleClick,
+            children: /* @__PURE__ */ jsxs("span", { className: `${transcript_btn}`, children: [
+              "Review transcript ",
+              /* @__PURE__ */ jsx(SvgArrowIcon, { variant: "primary" })
+            ] })
+          }
+        ) }),
+        on && /* @__PURE__ */ jsx(ModalWrapper, { onClose: () => toggle(), modalRef, children: /* @__PURE__ */ jsx(
+          IconBillboard,
+          {
+            body: /* @__PURE__ */ jsx(
+              "div",
+              {
+                style: {
+                  maxHeight: "80vh",
+                  overflowY: "auto",
+                  textAlign: "left"
+                },
+                children: /* @__PURE__ */ jsx(ReactMarkdown, { className: `${transcript_content}`, children: transcript })
+              }
+            )
+          }
+        ) })
+      ] });
+    } else {
+      transcriptSection = /* @__PURE__ */ jsxs("div", { className: `${transcript_container}`, children: [
+        /* @__PURE__ */ jsxs(
+          "a",
+          {
+            className: `${toggle_container}`,
+            "aria-expanded": on,
+            href: "#",
+            "aria-label": "",
+            onClick: handleToggleClick,
+            children: [
+              /* @__PURE__ */ jsx("span", { className: `${transcript_btn}`, children: "Review transcript" }),
+              /* @__PURE__ */ jsx("span", { className: expand_icon, "aria-hidden": "true", children: on ? /* @__PURE__ */ jsx(SvgChevronUp, {}) : /* @__PURE__ */ jsx(SvgChevronDown, {}) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+          ReactMarkdown,
+          {
+            className: `${transcript_content} ${on ? show : hide_transcript}`,
+            children: transcript
+          }
+        ) })
+      ] });
+    }
+  }
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -68,29 +244,7 @@ const VideoTile = ({
               )
             }
           ),
-          transcript && /* @__PURE__ */ jsxs("div", { className: `${transcript_container}`, children: [
-            /* @__PURE__ */ jsxs(
-              "a",
-              {
-                className: `${toggle_container}`,
-                "aria-expanded": on,
-                href: "#",
-                "aria-label": "",
-                onClick: handleToggleClick,
-                children: [
-                  /* @__PURE__ */ jsx("span", { className: `${transcript_btn}`, children: "Review transcript" }),
-                  /* @__PURE__ */ jsx("span", { className: expand_icon, "aria-hidden": "true", children: on ? /* @__PURE__ */ jsx(SvgChevronUp, {}) : /* @__PURE__ */ jsx(SvgChevronDown, {}) })
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-              ReactMarkdown,
-              {
-                className: `${transcript_content} ${on ? show : hide_transcript}`,
-                children: transcript
-              }
-            ) })
-          ] })
+          transcriptSection
         ] })
       ]
     },

package/dist/VideoWrapper/index.js

@@ -3,7 +3,7 @@ import "../Accordion/Accordion.js";
 import "../Accordion/Accordion.css.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
-import '../assets/VideoTile/VideoTile.css';import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.css';import '../assets/Topic/Topic.css';import '../assets/TextBlock/TextBlock.css';import '../assets/SocialMediaBar/SocialMediaBar.css';import '../assets/SecondaryFooter/SecondaryFooter.css';import '../assets/Pagination/Pagination.css';import '../assets/PageNavSet/PageNavigationSet.css';import '../assets/NavigationMenu/LaVictoire/NavBar.css';import '../assets/NavigationMenu/AxosALTS/NavBar.css';import '../assets/NavigationMenu/AxosClearing/NavBar.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar.css';import '../assets/Insight/Insight.css';import '../assets/Insight/Featured/Header.css';import '../assets/Insight/Featured/CategorySelector.css';import '../assets/Insight/Featured/Featured.css';import '../assets/ImageLink/ImageLink.css';import '../assets/HelpArticle/HelpArticle.css';import '../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../assets/DownloadTile/DownloadTile.css';import '../assets/CollectInformationAlert/CollectInformationAlert.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Auth/SignIn.css';import '../assets/Auth/ErrorAlert.css';import '../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Forms/QuickPricer/QuickPricerResults.css';import '../assets/Modal/Modal.css';import '../assets/BulletItem/BulletItem.css';import '../assets/Typography/Typography.css';import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
+import '../assets/TopicalNavSet/TopicalNavSet.css';import '../assets/TopicalNavItem/TopicalNavItem.css';import '../assets/Topic/Topic.css';import '../assets/TextBlock/TextBlock.css';import '../assets/SocialMediaBar/SocialMediaBar.css';import '../assets/SecondaryFooter/SecondaryFooter.css';import '../assets/Pagination/Pagination.css';import '../assets/PageNavSet/PageNavigationSet.css';import '../assets/NavigationMenu/LaVictoire/NavBar.css';import '../assets/NavigationMenu/AxosALTS/NavBar.css';import '../assets/NavigationMenu/AxosClearing/NavBar.css';import '../assets/NavigationMenu/AxosBank/SubNavbar.css';import '../assets/NavigationMenu/AxosBank/NavBar.css';import '../assets/NavigationMenu/AxosAdvisorServices/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisorServices/NavBar.css';import '../assets/NavigationMenu/AxosAdvisor/SubNavbar.css';import '../assets/NavigationMenu/AxosAdvisor/NavBar.css';import '../assets/Insight/Insight.css';import '../assets/Insight/Featured/Header.css';import '../assets/Insight/Featured/CategorySelector.css';import '../assets/Insight/Featured/Featured.css';import '../assets/ImageLink/ImageLink.css';import '../assets/VideoTile/VideoTile.css';import '../assets/HelpArticle/HelpArticle.css';import '../assets/FooterSiteMap/AxosBank/FooterSiteMap.css';import '../assets/FooterDisclosure/LVF/LaVictorieFooter.css';import '../assets/DownloadTile/DownloadTile.css';import '../assets/CollectInformationAlert/CollectInformationAlert.css';import '../assets/CallToActionBar/CallToActionBar.css';import '../assets/AwardsItem/AwardsItem.css';import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/Auth/SignIn.css';import '../assets/Auth/ErrorAlert.css';import '../assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css';import '../assets/Forms/QuickPricer/UserInformation.css';import '../assets/Forms/QuickPricer/QuickPricerResults.css';import '../assets/Modal/Modal.css';import '../assets/BulletItem/BulletItem.css';import '../assets/Typography/Typography.css';import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
 /* empty css                                   */
 /* empty css                                    */
 /* empty css                                                    */
@@ -85,6 +85,9 @@ import "../FooterDisclosure/FooterDisclosure.css.js";
 /* empty css                                                         */
 /* empty css                                            */
 import "../ImageBillboard/ImageBillboard.css.js";
+import "next/script.js";
+import { VideoTile } from "../VideoTile/VideoTile.js";
+/* empty css                                        */
 /* empty css                                        */
 /* empty css                                              */
 /* empty css                                                      */
@@ -118,9 +121,6 @@ import "../StepItemSet/StepItemSet.css.js";
 /* empty css                                */
 /* empty css                                                  */
 /* empty css                                                */
-import "next/script.js";
-import { VideoTile } from "../VideoTile/VideoTile.js";
-/* empty css                                        */
 import { video_tile_set, grid_wrapper, grid_3, grid_2 } from "./VideoWrapper.css.js";
 const VideoWrapper = ({
   title,

package/dist/assets/Button/Button.css

@@ -72,24 +72,28 @@
   padding: 12px 64px;
 }
 ._13pdpuj8 {
+  padding: 8px 48px;
+  font-size: 14px;
+}
+._13pdpuj9 {
   border: 2px solid transparent;
   color: #F4F4F4;
   background: transparent;
   cursor: not-allowed;
 }
-._13pdpuj9 {
+._13pdpuja {
   border-radius: 0;
 }
-._13pdpuja {
+._13pdpujb {
   border-radius: 4px;
 }
-._13pdpujb {
+._13pdpujc {
   border-radius: 8px;
 }
-._13pdpujc {
+._13pdpujd {
   border-radius: 16px;
 }
-._13pdpujd {
+._13pdpuje {
   width: 160px;
   min-height: 160px;
   white-space: break-spaces;
@@ -104,53 +108,53 @@
   align-items: center;
   gap: 8px;
 }
-._13pdpujd:hover {
+._13pdpuje:hover {
   background: #EBEBEB;
   color: #333D46;
 }
-._13pdpuje {
+._13pdpujf {
   color: #5E6A74;
   background: #d4d4d4;
   cursor: not-allowed;
 }
-._13pdpuje:hover {
+._13pdpujf:hover {
   cursor: not-allowed;
   background: #d4d4d4;
   text-decoration: none;
   color: #5E6A74;
   border-color: transparent;
 }
-._13pdpujf {
+._13pdpujg {
   background: #8F8F8F;
   color: #FFFFFF;
 }
-._13pdpujf:hover {
+._13pdpujg:hover {
   cursor: not-allowed;
   background: #8F8F8F;
   text-decoration: none;
   color: #FFFFFF;
   border-color: #8F8F8F;
 }
-._13pdpujg {
+._13pdpujh {
   background: #8F8F8F;
   color: #FFFFFF;
 }
-._13pdpujg:hover {
+._13pdpujh:hover {
   cursor: not-allowed;
   background: #8F8F8F;
   text-decoration: none;
   color: #FFFFFF;
   border-color: #8F8F8F;
 }
-._13pdpujh {
+._13pdpuji {
   height: 50px;
   padding: 12px 64px 12px 64px;
 }
-._13pdpuji {
+._13pdpujj {
   height: 40px;
   padding: 8px 48px 8px 48px;
 }
-._13pdpujj {
+._13pdpujk {
   height: 28px;
   padding: 4px 32px 4px 32px;
 }
@@ -165,8 +169,19 @@
     padding: 11px 1.5rem;
   }
 }
+@media screen and (max-width: 768px) {
+  ._13pdpuj8 {
+    padding: 8px 8px;
+  }
+}
+@media screen and (max-width: 450px) {
+  ._13pdpuj8 {
+    padding: 4px 4px;
+    font-size: 12px;
+  }
+}
 @media screen and (max-width:768px) {
-  ._13pdpujd {
+  ._13pdpuje {
     width: 120px;
     min-height: 120px;
   }

package/dist/assets/Calculators/AxosOneCalculator/BalanceAPYCalculator.css

@@ -199,6 +199,11 @@
     margin-top: 16px;
     padding: 32px 16px 0;
   }
+  ._11b2y8zi {
+    font-size: 14px;
+    padding-bottom: 16px;
+    padding-inline: 16px;
+  }
 }
 @media screen and (max-width: 450px) {
   ._11b2y8z4 {

package/dist/assets/Calculators/SummitApyCalculator/BalanceAPYCalculator.css

@@ -104,6 +104,7 @@
 }
 ._11oamghj {
   margin-top: 16px;
+  padding-inline: 72px;
 }
 ._11oamghk {
   color: var(--_1073cm82);
@@ -127,6 +128,9 @@
   ._11oamgh1 {
     padding: 0px 24px;
   }
+  ._11oamghj {
+    padding-inline: 40px;
+  }
 }
 @media screen and (max-width:1023px) {
   ._11oamgh3 {
@@ -196,6 +200,10 @@
     margin-top: 16px;
     padding: 32px 16px 0;
   }
+  ._11oamghj {
+    font-size: 14px;
+    padding-inline: 16px;
+  }
 }
 @media screen and (max-width: 450px) {
   ._11oamgh4 {

package/dist/assets/CallToActionBar/CallToActionBar.css

@@ -9,6 +9,9 @@
 ._1tdyl740 .flex {
   align-items: center;
 }
+._1tdyl740 h2.header_3 {
+  margin-bottom: 16px;
+}
 ._1tdyl741 {
   height: 100%;
 }
@@ -42,6 +45,7 @@
   max-height: 200px;
 }
 ._1tdyl74a {
+  max-width: 782px;
   justify-content: space-between;
 }
 ._1tdyl74b {

package/dist/assets/Comparison/Comparison.css

@@ -91,6 +91,13 @@
   display: none;
 }
 ._198o0ltd {
+  font-family: var(--main-font-family);
+  display: flex;
+  flex-direction: column;
+  gap: 24px;
+  width: 100%;
+}
+._198o0lte {
   display: flex;
   justify-content: center;
   width: 100%;
@@ -139,10 +146,10 @@
   }
 }
 @media screen and (max-width: 380px) {
-  ._198o0ltd {
+  ._198o0lte {
     flex-direction: column;
   }
-  ._198o0ltd:first-child {
+  ._198o0lte:first-child {
     margin-bottom: 1em;
   }
 }

package/dist/assets/HeroBanner/HeroBanner.css

@@ -44,7 +44,7 @@
 ._1ye8k3fd {
   display: block;
   font: 700 14px / 1.3 var(--main-font-family);
-  margin-bottom: 2px;
+  margin-bottom: 4px;
   letter-spacing: .2px;
 }
 ._1ye8k3fe {

package/dist/assets/IconBillboard/IconBillboard.css

@@ -30,12 +30,17 @@
   width: 48px;
 }
 ._1r4ovbu8 {
-  font-family: var(--main-font-family);
+  display: flex;
+  flex-direction: column;
   gap: 24px;
+  font-family: var(--main-font-family);
   width: 100%;
 }
 ._1r4ovbu9 {
+  display: flex;
+  flex-direction: column;
   gap: 8px;
+  text-align: center;
 }
 ._1r4ovbua {
   font: 600 28px/1.29 var(--header-font-family);
@@ -71,6 +76,8 @@
   color: var(--_1073cm8o);
 }
 ._1r4ovbuf {
+  display: flex;
+  flex-direction: column;
   gap: 1em;
 }
 ._1r4ovbug {
@@ -79,19 +86,27 @@
   gap: 10px;
 }
 ._1r4ovbuh {
+  display: flex;
+  justify-content: center;
   width: 100%;
   margin-top: auto;
+  text-align: center;
   flex-wrap: wrap;
+  gap: 24px;
+  align-items: center;
 }
 ._1r4ovbui {
   margin-inline: auto;
+  max-width: 1000px;
   padding-block: 2.5rem;
   text-align: center;
-  max-width: 1000px;
 }
 ._1r4ovbui > p {
   margin-top: 8px;
 }
+._1r4ovbuj {
+  text-wrap: pretty;
+}
 ._1r4ovbuk {
   background: var(--_1073cm84);
   background-clip: text;
@@ -136,6 +151,23 @@
 main > div:nth-last-child(2) > ._1r4ovbu0 {
   margin-bottom: 3.5rem;
 }
+._1r4ovbuu {
+  cursor: pointer;
+  position: relative;
+  transform: translateY(0px);
+  transition: all 0.38s ease;
+}
+._1r4ovbuu:hover {
+  box-shadow: rgba(50, 50, 93, 0.25) 0 6px 12px -2px, rgba(0, 0, 0, 0.3) 0 3px 7px -3px;
+  transform: translateY(-4px);
+}
+._1r4ovbuu:active {
+  box-shadow: none;
+  transform: translateY(0px);
+}
+._1r4ovbuu:hover ._1r4ovbuh a {
+  text-decoration: underline;
+}
 @media screen and (max-width: 380px) {
   ._1r4ovbuh {
     flex-direction: column;