.b2c-call-cta-v2 {
position: sticky;
display: flex;
align-items: center;
justify-content: center;
bottom: 50px;
left: 100%;
background-color: #faf532;
color: #1e1e1e;
width: fit-content;
cursor: pointer;
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
font-size: 16px;
font-family: "Syne";
}
.b2c-call-cta-v2 img {
width: 25px;
height: 25px;
}
.b2c-call-cta-v2--desktop {
padding: 10px 20px;
gap: 20px;
transform: translateX(calc(100% - 60px));
transform-origin: right;
transition: transform 0.2s ease-in-out;
}
.b2c-call-cta-v2--mobile img {
margin: 10px 20px;
}
.b2c-call-cta-v2--mobile a {
padding: 10px 0;
max-width: 0;
transition: all 0.2s ease-in-out;
overflow: hidden;
white-space: nowrap;
}
.b2c-call-cta-v2:hover,
.b2c-call-cta-v2:active,
.b2c-call-cta-v2:focus,
.b2c-call-cta-v2:focus-within,
.b2c-call-cta-v2 a:hover,
.b2c-call-cta-v2 a:active,
.b2c-call-cta-v2 a:focus,
.b2c-call-cta-v2 a:focus-within {
color: #1e1e1e;
transform: translateX(0) !important;
}
.b2c-call-cta-v2:hover a,
.b2c-call-cta-v2:active a,
.b2c-call-cta-v2:focus a,
.b2c-call-cta-v2:focus-within a {
max-width: 200px;
padding-right: 20px;
}
.b2c-call-cta-v2:focus-visible {
outline: none;
}