#stc-sticky-cta {
position: fixed;
bottom: 0;
left: 0;
right: 0;
max-width: 100vw;
background: var(--color-white, #fff);
border-top: 1px solid #e0e0e0;
display: flex;
align-items: center;
gap: 12px;
padding: 10px 20px;
z-index: 99;
box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.08);
transform: translateY(100%);
transition: transform 0.3s ease;
pointer-events: none;
box-sizing: border-box;
overflow: hidden;
} #stc-sticky-cta.stc-visible {
transform: translateY(0);
pointer-events: auto;
} .stc-sticky-title {
flex: 1;
min-width: 0;
font-family: var(--font-body, 'Manrope', sans-serif);
font-size: 13px;
font-weight: 600;
color: var(--color-dark, #1d1d1f);
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
} .stc-sticky-btn {
display: inline-block;
background: var(--color-orange, #ec621f);
color: var(--color-white, #fff) !important;
font-family: var(--font-heading, 'Montserrat', sans-serif);
font-size: 13px;
font-weight: 600;
padding: 8px 18px;
border-radius: 4px;
text-decoration: none;
white-space: nowrap;
flex-shrink: 0;
transition: background 0.2s ease;
}
.stc-sticky-btn:hover {
background: var(--color-orange-dark, #d4541a);
}
.stc-sticky-btn--outline {
background: transparent;
border: 1px solid var(--color-orange, #ec621f);
color: var(--color-orange, #ec621f) !important;
}
.stc-sticky-btn--outline:hover {
background: var(--color-orange, #ec621f);
color: var(--color-white, #fff) !important;
}  @media (max-width: 1024px) {
#stc-sticky-cta {
gap: 8px;
padding: 10px 16px;
}
.stc-sticky-title {
display: none;
}
.stc-sticky-btn {
padding: 8px 14px;
font-size: 13px;
}
} @media (max-width: 768px) {
#stc-sticky-cta {
gap: 6px;
padding: 8px 12px;
}
.stc-sticky-btn {
padding: 8px 12px;
font-size: 12px;
}
} @media (max-width: 576px) {
#stc-sticky-cta {
flex-wrap: wrap;
gap: 6px;
padding: 8px 10px;
}
.stc-sticky-btn {
padding: 7px 10px;
font-size: 11px;
flex: 1;
text-align: center;
}
.stc-sticky-btn--outline {
flex: 1;
}
}