Poppi and Bubble Just Dropped a Collab — And They’re Giving Away 20 Free Mailers
:root {
–pink: #e05a8a;
–pink-dark: #b03060;
–pink-mid: #ec8ab0;
–pink-pale: #fff5f9;
–pink-light: #fce4ef;
–peach: #ff8c69;
–peach-pale: #fff8f5;
–teal: #3ab8c8;
–teal-pale: #f0fbfc;
–cream: #fffcfd;
–white: #ffffff;
–border: #f0c8d8;
–text-dark: #1a0810;
–text-gray: #5a2840;
–text-light: #9a6878;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
html { width: 100%; }
body {
font-family: ‘Inter’, sans-serif;
background: var(–cream);
color: var(–text-dark);
font-size: 17px;
line-height: 1.85;
width: 100%;
overflow-x: hidden;
}
/* WORDPRESS FULL-WIDTH BREAKOUT */
#fm-page-wrap {
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
width: 100vw;
max-width: 100vw;
overflow-x: hidden;
}
/* PROGRESS BAR */
#xp-bar-container {
position: fixed; top: 0; left: 0; right: 0;
height: 5px; background: var(–pink-light); z-index: 9999;
}
#xp-bar {
height: 100%; width: 0%;
background: linear-gradient(90deg, var(–pink), var(–teal));
transition: width 0.2s ease;
}
/* CLICKBAIT TITLE BANNER */
.clickbait-banner {
background: var(–pink-pale);
border-bottom: 2px solid var(–border);
padding: 18px 20px;
text-align: center;
}
.clickbait-banner p {
font-family: ‘Playfair Display’, serif;
font-size: clamp(1.05rem, 4.2vw, 1.5rem);
font-weight: 700;
font-style: italic;
color: var(–pink-dark);
line-height: 1.4;
max-width: 760px;
margin: 0 auto;
}
.clickbait-banner p span { color: var(–text-dark); font-style: normal; }
/* HEADER — LIGHT, DARK TEXT */
header {
background: linear-gradient(160deg, #fff5f9 0%, #fce4ef 50%, #ffd6e8 100%);
color: var(–text-dark);
text-align: center;
padding: 52px 16px 44px;
position: relative;
overflow: hidden;
width: 100%;
border-bottom: 4px solid var(–pink);
}
header::before {
content: ”;
position: absolute; top: 0; left: 0; right: 0; bottom: 0;
background: radial-gradient(ellipse at 50% 0%, rgba(224,90,138,0.07) 0%, transparent 70%);
pointer-events: none;
}
.status-tag {
display: inline-block;
background: rgba(224,90,138,0.1);
border: 1px solid rgba(224,90,138,0.3);
border-radius: 50px;
padding: 6px 18px;
font-size: 0.78rem;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
margin-bottom: 20px;
color: var(–pink-dark);
}
header h1 {
font-family: ‘Playfair Display’, serif;
font-size: clamp(1.9rem, 7.5vw, 3.6rem);
font-weight: 800;
line-height: 1.1;
margin-bottom: 16px;
color: var(–text-dark);
}
header h1 span { color: var(–pink); }
.hero-sub {
font-size: 1.05rem;
max-width: 620px;
margin: 0 auto 26px;
line-height: 1.75;
color: var(–text-gray);
}
.prize-value {
font-family: ‘Playfair Display’, serif;
font-size: clamp(2.6rem, 9vw, 4.2rem);
font-weight: 800;
color: var(–pink);
line-height: 1;
margin-bottom: 4px;
}
.prize-label {
font-size: 0.78rem;
letter-spacing: 0.12em;
text-transform: uppercase;
opacity: 0.65;
margin-bottom: 26px;
color: var(–text-dark);
}
.countdown {
display: flex;
justify-content: center;
gap: 10px;
margin-bottom: 28px;
flex-wrap: wrap;
}
.cd-box {
background: var(–white);
border: 1px solid var(–border);
border-radius: 10px;
padding: 12px 16px;
min-width: 68px;
text-align: center;
box-shadow: 0 2px 8px rgba(224,90,138,0.12);
}
.cd-num {
font-family: ‘Playfair Display’, serif;
font-size: 2rem;
font-weight: 700;
color: var(–pink);
line-height: 1;
}
.cd-label {
font-size: 0.65rem;
letter-spacing: 0.1em;
text-transform: uppercase;
opacity: 0.6;
margin-top: 4px;
color: var(–text-dark);
}
/* CTA BUTTON */
.cta-btn {
display: inline-block;
background: linear-gradient(135deg, var(–pink) 0%, var(–pink-dark) 100%);
color: #fff;
font-family: ‘Inter’, sans-serif;
font-size: 1.15rem;
font-weight: 800;
letter-spacing: 0.04em;
text-transform: uppercase;
padding: 18px 48px;
border-radius: 50px;
border: none;
cursor: pointer;
text-decoration: none;
transition: opacity 0.2s, transform 0.15s;
margin: 8px 0;
box-shadow: 0 8px 28px rgba(224,90,138,0.3);
}
.cta-btn:hover { opacity: 0.9; transform: translateY(-2px); }
/* STAT PILLS */
.stat-row {
display: flex;
justify-content: center;
gap: 10px;
flex-wrap: wrap;
margin-top: 22px;
}
.stat-pill {
background: var(–white);
border: 1px solid var(–border);
border-radius: 8px;
padding: 8px 16px;
font-size: 0.82rem;
text-align: center;
color: var(–text-gray);
box-shadow: 0 2px 6px rgba(224,90,138,0.1);
}
.stat-pill strong { display: block; font-size: 1.1rem; color: var(–pink); font-family: ‘Playfair Display’, serif; }
/* CONTENT WRAPPER */
.content-wrap {
max-width: 860px;
margin: 0 auto;
padding: 0 0 60px;
}
/* TOC */
.toc-box {
background: var(–white);
border: 1px solid var(–border);
border-left: 5px solid var(–pink);
padding: 24px 20px;
margin: 0;
}
.toc-box .toc-label {
font-size: 0.72rem;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(–pink);
margin-bottom: 12px;
}
.toc-box ol { padding-left: 20px; }
.toc-box ol li { margin-bottom: 6px; }
.toc-box ol li a { color: var(–text-dark); text-decoration: none; font-weight: 500; }
.toc-box ol li a:hover { color: var(–pink); }
/* SECTIONS */
section {
background: var(–white);
padding: 32px 20px;
margin: 8px 0;
border-top: 1px solid var(–border);
border-bottom: 1px solid var(–border);
width: 100%;
}
section h2 {
font-family: ‘Playfair Display’, serif;
font-size: 1.65rem;
font-weight: 700;
color: var(–pink-dark);
margin-bottom: 16px;
padding-bottom: 12px;
border-bottom: 2px solid var(–border);
}
section h2 span { color: var(–pink); }
section p {
color: var(–text-gray);
margin-bottom: 16px;
line-height: 1.85;
}
section p:last-child { margin-bottom: 0; }
blockquote {
border-left: 4px solid var(–pink);
background: var(–pink-pale);
padding: 16px 20px;
margin: 20px 0;
border-radius: 0 8px 8px 0;
font-style: italic;
color: var(–text-gray);
font-size: 0.95rem;
}
/* IG STEPS */
.ig-steps {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
margin: 20px 0;
}
.ig-step {
background: linear-gradient(135deg, var(–pink-pale) 0%, var(–pink-light) 100%);
border: 1px solid var(–border);
border-radius: 14px;
padding: 20px 16px;
text-align: center;
}
.ig-step .is-icon { font-size: 2.2rem; display: block; margin-bottom: 10px; }
.ig-step .is-num {
font-size: 0.72rem; font-weight: 700;
letter-spacing: 0.1em; text-transform: uppercase;
color: var(–pink); margin-bottom: 4px;
}
.ig-step .is-title { font-weight: 700; color: var(–text-dark); font-size: 0.97rem; margin-bottom: 4px; }
.ig-step .is-desc { font-size: 0.85rem; color: var(–text-gray); line-height: 1.5; }
/* BONUS BOX */
.bonus-box {
background: linear-gradient(135deg, var(–teal-pale) 0%, #e0f8fb 100%);
border: 2px solid var(–teal);
border-radius: 14px;
padding: 20px 18px;
margin: 16px 0;
text-align: center;
}
.bonus-box .bb-icon { font-size: 2rem; display: block; margin-bottom: 8px; }
.bonus-box strong { display: block; font-size: 1.1rem; color: var(–teal); margin-bottom: 6px; font-family: ‘Playfair Display’, serif; }
.bonus-box span { color: var(–text-gray); font-size: 0.93rem; }
/* PRIZE CARD */
.prize-card {
background: linear-gradient(135deg, var(–pink-pale) 0%, var(–pink-light) 100%);
border: 1px solid var(–border);
border-radius: 14px;
padding: 26px 20px;
text-align: center;
margin: 20px 0;
}
.prize-card .pc-icon { font-size: 3rem; display: block; margin-bottom: 10px; }
.prize-card .pc-title { font-family: ‘Playfair Display’, serif; font-size: 1.5rem; font-weight: 800; color: var(–pink-dark); margin-bottom: 6px; }
.prize-card .pc-sub { font-size: 0.9rem; color: var(–text-gray); margin-bottom: 14px; }
.prize-card .pc-badge { display: inline-block; background: var(–pink); color: #fff; font-weight: 700; font-size: 0.85rem; padding: 6px 20px; border-radius: 50px; letter-spacing: 0.06em; text-transform: uppercase; }
/* DATA TABLE */
.data-table {
width: 100%;
border-collapse: collapse;
margin: 16px 0;
font-size: 0.92rem;
}
.data-table th {
background: var(–pink-dark);
color: #fff;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.04em;
padding: 11px 14px;
text-align: left;
font-size: 0.82rem;
}
.data-table td {
padding: 10px 14px;
border-bottom: 1px solid var(–border);
color: var(–text-gray);
vertical-align: top;
}
.data-table tr:nth-child(even) td { background: var(–pink-pale); }
.data-table td strong { color: var(–text-dark); }
/* TIMELINE */
.timeline { list-style: none; padding: 0; margin: 16px 0; }
.timeline li { display: flex; gap: 14px; margin-bottom: 14px; align-items: flex-start; }
.tl-dot { width: 13px; height: 13px; background: var(–pink); border-radius: 50%; margin-top: 6px; flex-shrink: 0; }
.tl-body strong { display: block; color: var(–text-dark); font-weight: 600; }
.tl-body span { color: var(–text-gray); font-size: 0.92rem; }
/* TIPS */
.tips-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
margin: 16px 0;
}
.tip-card {
background: var(–pink-pale);
border: 1px solid var(–border);
border-radius: 10px;
padding: 16px 14px;
}
.tip-card .tip-icon { font-size: 1.6rem; display: block; margin-bottom: 6px; }
.tip-card strong { display: block; font-weight: 700; color: var(–text-dark); margin-bottom: 4px; font-size: 0.93rem; }
.tip-card span { color: var(–text-gray); font-size: 0.88rem; }
/* FAQ */
.faq-item { border: 1px solid var(–border); border-radius: 8px; margin-bottom: 10px; overflow: hidden; }
.faq-q {
width: 100%; background: var(–white); border: none;
padding: 15px 18px; text-align: left;
font-family: ‘Inter’, sans-serif; font-size: 0.97rem; font-weight: 600;
color: var(–text-dark); cursor: pointer;
display: flex; justify-content: space-between; align-items: center; gap: 10px;
}
.faq-q:hover { background: var(–pink-pale); }
.faq-arrow { font-size: 0.78rem; color: var(–pink); transition: transform 0.25s; flex-shrink: 0; }
.faq-item.open .faq-arrow { transform: rotate(180deg); }
.faq-a {
display: none; padding: 0 18px 16px;
color: var(–text-gray); font-size: 0.93rem; line-height: 1.8;
border-top: 1px solid var(–border); background: var(–pink-pale);
}
.faq-item.open .faq-a { display: block; }
/* RELATED */
.related-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
margin: 16px 0;
}
.related-card {
background: var(–white); border: 1px solid var(–border);
border-radius: 8px; padding: 14px;
text-decoration: none; color: var(–text-dark);
transition: border-color 0.2s, transform 0.15s; display: block;
}
.related-card:hover { border-color: var(–pink); transform: translateY(-2px); }
.related-card .rc-cat { font-size: 0.66rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(–pink); margin-bottom: 5px; }
.related-card .rc-title { font-size: 0.87rem; font-weight: 600; line-height: 1.35; color: var(–text-dark); }
/* ENTRY SECTION — LIGHT */
.entry-section {
background: linear-gradient(135deg, #fff5f9 0%, #fce4ef 100%);
border-top: 3px solid var(–pink);
border-bottom: 3px solid var(–pink);
padding: 44px 20px;
text-align: center;
margin: 8px 0;
width: 100%;
}
.entry-section h2 { font-family: ‘Playfair Display’, serif; font-size: 1.9rem; font-weight: 800; color: var(–pink-dark); margin-bottom: 10px; }
.entry-section h2 span { color: var(–pink); }
.entry-section p { color: var(–text-gray); margin-bottom: 22px; max-width: 560px; margin-left: auto; margin-right: auto; }
/* FACT POPUPS */
.fact-popup {
display: none; position: fixed;
top: 50%; left: 50%; transform: translate(-50%, -50%);
z-index: 10000; background: var(–white);
border: 3px solid var(–pink); border-radius: 16px;
padding: 24px 26px; max-width: 310px; width: 90%;
text-align: center; box-shadow: 0 20px 60px rgba(0,0,0,0.22);
font-family: ‘Inter’, sans-serif; font-size: 0.93rem;
color: var(–text-dark); line-height: 1.6;
}
.fact-icon { display: block; font-size: 2.2rem; margin-bottom: 10px; }
.fact-title { display: block; font-family: ‘Playfair Display’, serif; font-size: 1.15rem; font-weight: 700; color: var(–pink); margin-bottom: 8px; }
/* SKIP POPUP */
#skip-popup {
display: none; position: fixed;
top: 50%; left: 50%; transform: translate(-50%, -50%);
z-index: 10001; background: var(–white);
border: 3px solid var(–pink); border-radius: 18px;
padding: 30px 26px; max-width: 330px; width: 90%;
text-align: center; box-shadow: 0 24px 70px rgba(0,0,0,0.25);
font-family: ‘Inter’, sans-serif;
}
#skip-popup .skip-icon { font-size: 2.4rem; margin-bottom: 10px; display: block; }
#skip-popup h3 { font-family: ‘Playfair Display’, serif; font-size: 1.35rem; font-weight: 700; color: var(–pink); margin-bottom: 8px; }
#skip-popup p { color: var(–text-gray); font-size: 0.9rem; margin-bottom: 18px; }
.popup-btn-yes { display: block; width: 100%; background: var(–pink); color: #fff; font-family: ‘Inter’, sans-serif; font-size: 1rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.04em; padding: 13px; border-radius: 50px; border: none; cursor: pointer; margin-bottom: 10px; }
.popup-btn-yes:hover { background: var(–pink-dark); }
.popup-btn-no { display: block; width: 100%; background: transparent; color: var(–text-gray); font-size: 0.88rem; padding: 10px; border-radius: 50px; border: 1px solid var(–border); cursor: pointer; }
.popup-btn-no:hover { background: var(–pink-pale); }
/* FOOTER — LIGHT */
footer {
background: #fff5f9;
border-top: 2px solid var(–border);
padding: 32px 20px;
text-align: center;
color: var(–text-light);
font-size: 0.78rem;
line-height: 1.7;
}
footer strong { color: var(–text-dark); }
/* DESKTOP */
@media (min-width: 640px) {
.content-wrap { padding: 0 20px 60px; }
section { border-radius: 12px; margin: 16px 0; border: 1px solid var(–border); }
.toc-box { border-radius: 10px; margin: 16px 0; }
.entry-section { border-radius: 14px; margin: 16px 0; border: 2px solid var(–pink); }
.tips-grid { grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); }
.related-grid { grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); }
.ig-steps { grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); }
}
Poppi x Bubble Are Giving Away
FREE Collab Mailers
to 20 Lucky Winners!
To celebrate their brand-new collab lip serums available at Walmart, Poppi and Bubble are gifting 20 fans a full collab mailer. Entry takes 30 seconds on Instagram — just like, follow, and tag a friend.
What Is the Poppi x Bubble Collab Giveaway?
Poppi — the prebiotic soda brand everyone’s obsessed with — has teamed up with Bubble, the Gen Z skincare brand, to launch a brand-new collab: Poppi x Bubble lip serums, available exclusively at Walmart. To celebrate the launch, both brands are running a joint Instagram giveaway and giving away 20 collab mailers to lucky fans.
Entry is completely free and takes about 30 seconds. All you have to do is like the giveaway post, follow both @drinkpoppi and @bubble on Instagram, and tag a friend in the comments. For a bonus entry, repost the giveaway to your Instagram story.
“It’s giveaway time besties! And this one is for the fans of major flavor. To celebrate our collab lip serums, available at @walmart, we’re giving away 20 of our mailers!” — @drinkpoppi
The giveaway runs from March 20, 2026 at 10 AM CT through March 25, 2026 at 11:59 PM CT. Twenty winners will be chosen at random from all eligible entries. This is a short window — don’t miss it!
The Prize — Poppi x Bubble Collab Mailer
Each of the 20 winners will receive one Poppi x Bubble collab mailer — a curated package celebrating the two brands’ collaboration. The mailer is tied to the launch of their new collab lip serums, available at Walmart, making this one of the first ways fans can get their hands on the collab goodies for free.
The collab lip serums are a first-of-their-kind partnership between a beverage brand and a skincare brand — Poppi’s signature fun, bubbly energy meets Bubble’s science-backed skincare formulas. The mailer is the ultimate fan package for anyone who loves both brands.
How to Enter — Step by Step
Entry is done entirely on Instagram. Here’s exactly what you need to do:
BONUS Entry — Repost to Your Story!
Repost the giveaway to your Instagram story for an additional entry. More entries = more chances to win one of the 20 mailers!
Who Can Enter
| Requirement | Details |
|---|---|
| Residency | Legal residents of the continental US and DC only |
| Age | Must be 18 years or older |
| Purchase Required? | No — completely free to enter |
| Platform | Instagram — must have an active Instagram account |
| Instagram/TikTok Affiliation | This contest is in no way sponsored, endorsed, or associated with Instagram or TikTok |
| Winner Selection | 20 winners chosen at random from all eligible entries |
| Sponsors | @drinkpoppi and @bubble on Instagram |
Key Dates & Timeline
-
March 20, 2026 at 10:00 AM CT — Giveaway Opens
The Poppi x Bubble giveaway officially begins. Entries submitted before this time do not count. -
March 25, 2026 at 11:59 PM CT — Entry Deadline
All entries must be received by this time. Late entries will not be counted. Don’t wait! -
After March 25, 2026 — Winners Selected
20 winners randomly chosen from all eligible entries received during the entry period -
Winner Notification
Winners notified via DM from the official @drinkpoppi or @bubble Instagram accounts — watch your message requests!
Tips to Maximize Your Chances
Repost to Your Story!
Don’t skip the bonus entry. Reposting the giveaway to your story takes 5 seconds and gives you an extra shot at winning.
Tag Multiple Friends
Each comment tagging a friend is a separate entry. Leave multiple comments with different friends to stack your entries.
Keep Your Account Public
A private account may prevent Poppi and Bubble from verifying your entry. Switch to public before entering, then switch back after.
Check Your DMs
Winners are notified via DM. Check your message requests folder — messages from accounts you don’t follow go there first.
Enter Before March 25!
This is a short 5-day window. The giveaway ends March 25 at 11:59 PM CT — don’t procrastinate or you’ll miss it entirely.
Follow BOTH Accounts
You must follow BOTH @drinkpoppi AND @bubble for your entry to count. Don’t forget to follow both before you comment!
Frequently Asked Questions
More Free Giveaways to Enter
Enter Now — It’s Free!
Tap below to go to the official Poppi x Bubble giveaway Reel on Instagram. Like the post, follow both @drinkpoppi and @bubble, and tag a friend in the comments. Repost to your story for a bonus entry! Ends March 25 at 11:59 PM CT.
ENTER ON INSTAGRAM 💧
20 Winners!
Poppi and Bubble are giving away 20 collab mailers — that’s 20 chances to win just by tagging a friend on Instagram. Takes 30 seconds!
Bonus Entry!
Repost the giveaway to your Instagram story for an additional entry. It takes 5 seconds and doubles your shot at winning!
Tag More, Win More!
Each comment tagging a different friend is a separate entry. Leave multiple comments to stack your chances of winning one of the 20 mailers!
Only Until March 25!
This giveaway ends March 25 at 11:59 PM CT — that’s a short 5-day window. Enter now before it’s gone!
Ready to Enter?
Jump to the entry section and head to the @drinkpoppi Instagram Reel to enter for your free Poppi x Bubble collab mailer!
(function() {
// COUNTDOWN — March 25, 2026 11:59 PM CT
var deadline = new Date(‘2026-03-25T23:59:00-05:00’).getTime();
function updateCountdown() {
var now = Date.now();
var diff = deadline – now;
if (diff 0 ? (scrollTop / docHeight) * 100 : 0;
var bar = document.getElementById(‘xp-bar’);
if (bar) bar.style.width = Math.min(pct, 100) + ‘%’;
});
// FAQ ACCORDION
document.querySelectorAll(‘.faq-q’).forEach(function(btn) {
btn.addEventListener(‘click’, function() {
var item = this.closest(‘.faq-item’);
if (!item) return;
var isOpen = item.classList.contains(‘open’);
document.querySelectorAll(‘.faq-item.open’).forEach(function(el) { el.classList.remove(‘open’); });
if (!isOpen) item.classList.add(‘open’);
});
});
// AUTO-SCROLL
var scrolling = false;
var scrollInterval = null;
var factTimers = [];
var skipShown = false;
var skipPopup = document.getElementById(‘skip-popup’);
function triggerFact(id) {
var el = document.getElementById(id);
if (el) {
el.style.display = ‘block’;
setTimeout(function() { el.style.display = ‘none’; }, 4500);
}
}
function startAutoScroll() {
if (scrolling) return;
scrolling = true;
scrollInterval = setInterval(function() {
var scrollTop = window.scrollY || document.documentElement.scrollTop;
var docHeight = document.documentElement.scrollHeight – window.innerHeight;
if (scrollTop >= docHeight – 10) { stopAutoScroll(); return; }
window.scrollBy(0, 5);
var pct = docHeight > 0 ? (scrollTop / docHeight) * 100 : 0;
if (!skipShown) {
if (pct >= 50) {
skipShown = true;
if (skipPopup) skipPopup.style.display = ‘block’;
}
}
}, 16);
factTimers.push(setTimeout(function() { triggerFact(‘fact1’); }, 6000));
factTimers.push(setTimeout(function() { triggerFact(‘fact2’); }, 16000));
factTimers.push(setTimeout(function() { triggerFact(‘fact3’); }, 28000));
factTimers.push(setTimeout(function() { triggerFact(‘fact4’); }, 40000));
}
function stopAutoScroll() {
scrolling = false;
if (scrollInterval) { clearInterval(scrollInterval); scrollInterval = null; }
factTimers.forEach(function(t) { clearTimeout(t); });
factTimers = [];
}
var startBtn = document.getElementById(‘scroll-start-btn’);
if (startBtn) {
startBtn.addEventListener(‘click’, function(e) {
e.preventDefault();
e.stopPropagation();
startAutoScroll();
});
}
var skipYes = document.getElementById(‘skip-yes’);
var skipNo = document.getElementById(‘skip-no’);
if (skipYes) {
skipYes.addEventListener(‘click’, function() {
stopAutoScroll();
if (skipPopup) skipPopup.style.display = ‘none’;
var section = document.getElementById(‘enter-now’);
if (section) section.scrollIntoView({ behavior: ‘smooth’, block: ‘start’ });
});
}
if (skipNo) {
skipNo.addEventListener(‘click’, function() {
if (skipPopup) skipPopup.style.display = ‘none’;
startAutoScroll();
});
}
document.addEventListener(‘click’, function(e) {
if (e.target.id === ‘scroll-start-btn’) return;
if (e.target.id === ‘skip-yes’) return;
if (e.target.id === ‘skip-no’) return;
if (e.target.closest(‘.cta-btn’)) return;
if (skipPopup) { if (skipPopup.style.display === ‘block’) return; }
if (scrolling) stopAutoScroll();
});
})();
Helpful Freebie Mom Guides
Keep going