.sticky-cta { position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(80px);background:rgba(255,255,255,0.96);backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,0.07);border-radius:100px;padding:10px 10px 10px 24px;display:flex;align-items:center;gap:16px;box-shadow:0 12px 48px rgba(0,0,0,0.14);z-index:400;transition:transform 0.4s cubic-bezier(0.4,0,0.2,1), opacity 0.4s;opacity:0;pointer-events:none;white-space:nowrap;} .sticky-cta.show { transform:translateX(-50%) translateY(0);opacity:1;pointer-events:all;} .sticky-cta-text { font-size:14px;font-weight:700;color:#000000;} .sticky-cta{ max-width:calc(100vw - 24px);box-sizing:border-box;} .sticky-cta-text{ min-width:0;} @media (max-width:480px){ .sticky-cta{ left:12px;right:12px;transform:translateY(80px);width:auto;border-radius:16px;padding:10px 10px 10px 12px;gap:10px;white-space:normal;} .sticky-cta.show{ transform:translateY(0);} .sticky-cta-text{ flex:1 1 auto;font-size:13px;line-height:1.2;} .sticky-cta .btn{ flex:0 0 auto;padding:10px 14px !important;font-size:13px !important;border-radius:100px;white-space:nowrap;} } @supports (padding:max(0px)){ .sticky-cta{ bottom:max(24px, env(safe-area-inset-bottom));} @media (max-width:480px){ .sticky-cta{ bottom:max(14px, env(safe-area-inset-bottom));} } }