.xn-cta-nav *{
white-space: nowrap;
flex-wrap: nowrap;
box-sizing: border-box;
}
.xn-cta-nav {
overflow: hidden;
width: auto;
height: auto;
background-color: #FF98ED;
--offset: 20px;
--duration: 0.7s;
--easing: ease;
transition: width var(--duration) var(--easing), height var(--duration) var(--easing);
}
.xn-cta-nav--stick{
margin-top: unset;
position: fixed;
top: var(--offset);
}
.xn-cta-nav__cta,
.xn-cta-nav__nav{
display: flex;
flex-direction: row;
column-gap: 8px;
width: fit-content;
height: auto;
padding: 10px 20px;
}
.xn-cta-nav--stick .xn-cta-nav__cta {
display: none;
}
.xn-cta-nav:not(.xn-cta-nav--stick) .xn-cta-nav__nav {
display: none;
}
.xn-cta-nav__cta--get-width,
.xn-cta-nav__nav--get-width{
display: flex !important;
}