/* ========================================================== blog.css — Mobile sticky CTA for blog pages Loaded via in of every blog page. ========================================================== */ @media (max-width: 767px) { /* ── Sticky CTA pill (matching homepage / category pages) ── */ #fixed-button-mobile { display: block !important; /* overrides inline style="display:none" */ position: fixed; bottom: 12px; left: 50%; transform: translateX(-50%); width: 90%; max-width: 400px; padding: 14px 20px; box-sizing: border-box; background: #af0924; color: #fff !important; font-size: 16px; font-weight: 600; font-family: "Open Sans", arial, sans-serif; border-radius: 30px; text-align: center; text-decoration: none !important; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3); z-index: 1020; -webkit-border-radius: 30px; -moz-border-radius: 30px; } #fixed-button-mobile span { color: #fff; font-size: 16px; font-weight: 600; } /* ── Hide old inline mobile header button ── */ /* (.btn-subscribe-action is the desktop version — keep it) */ .btn-subscribe:not(.btn-subscribe-action) { display: none !important; } /* ── Hide back-to-top button ── */ #scroll-top-button { display: none !important; } }