.letter-side-banner{position:absolute;left:0;bottom:calc(126px + env(safe-area-inset-bottom));z-index:25;display:flex;align-items:center;gap:12px;width:max-content;max-width:calc(100% - 36px);padding:16px 34px 16px 17px;background:#f5eddc;color:#65513b;border-left:3px solid #a74632;border-radius:0 0 17px 0;box-shadow:0 7px 24px #0003;opacity:0;visibility:hidden;transform:translateX(-24px);transition:opacity .6s ease,transform .7s ease,visibility .6s;pointer-events:none}.letter-side-banner.banner-visible{opacity:1;visibility:visible;transform:translateX(0);pointer-events:auto}.banner-seal{display:grid;place-items:center;background:#a43a2a;color:#fff0d4;width:24px;height:26px;font-size:18px;transform:rotate(-6deg);flex:none}.letter-side-banner strong{display:block;font-weight:500;font-size:15px;line-height:1.6}.letter-side-banner small{display:block;font-size:13px;color:#978369;line-height:1.6;margin-top:3px}.letter-side-banner button{position:absolute;right:4px;top:3px;width:28px;height:28px;border:0;background:transparent;color:#89755d;font-size:20px;cursor:pointer}.letter-cta .cta-reading-note{display:block;margin:0 0 9px;text-align:center;font-size:14px;line-height:1.5;color:#d2b984}.letter-cta .primary{transition:transform .25s ease,box-shadow .25s ease,background .25s ease;box-shadow:0 6px 18px #0004}.letter-cta .primary:hover,.letter-cta .primary:focus-visible{transform:translateY(-3px);background:#a33729;box-shadow:0 10px 25px #9e352c40;outline-offset:4px}.letter-cta .primary:active{transform:translateY(0)}@media(prefers-reduced-motion:reduce){.letter-side-banner{transition:none;transform:none}.letter-cta .primary{transition:none}.letter-cta .primary:hover,.letter-cta .primary:focus-visible{transform:none}}@media(max-width:360px){.letter-side-banner{padding-left:12px;gap:9px}.letter-side-banner strong{font-size:14px}.letter-side-banner small{font-size:12px}}