{"product_id":"do-or-drink™-the-ultimate-party-challenge-game","title":"DO OR DRINK™","description":"\u003c!-- PLAY BOLD | DO OR DRINK PREMIUM SECTION --\u003e\n\u003csection class=\"pb-dod2\" id=\"pb-dod2\"\u003e\n\u003cdiv class=\"pb-dod2-glow glow-one\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"pb-dod2-glow glow-two\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"pb-dod2-grid\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- TOP --\u003e\n\u003cdiv class=\"pb-dod2-hero\"\u003e\n\u003cdiv class=\"pb-dod2-pill\"\u003e\n\u003cspan\u003e\u003c\/span\u003e PLAY BOLD • 21+\u003c\/div\u003e\n\u003cp class=\"pb-dod2-small\"\u003eTHE PARTY JUST CHANGED.\u003c\/p\u003e\n\u003ch1\u003eDO \u003cem\u003eOR\u003c\/em\u003e DRINK\u003c\/h1\u003e\n\u003cdiv class=\"pb-dod2-expansion\"\u003eEXPANSION PACK #2\u003c\/div\u003e\n\u003cp class=\"pb-dod2-sub\"\u003eYou have two choices. \u003cstrong\u003eDo it — or drink.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cdiv class=\"pb-dod2-tags\"\u003e\n\u003cspan\u003e21+\u003c\/span\u003e \u003cspan\u003e2+ PLAYERS\u003c\/span\u003e \u003cspan\u003ePARTY GAME\u003c\/span\u003e \u003cspan\u003e100 CARDS\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FLOATING CARD AREA --\u003e\n\u003cdiv class=\"pb-dod2-stage\"\u003e\n\u003cdiv class=\"pb-dod2-ring ring-one\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"pb-dod2-ring ring-two\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"pb-dod2-card card-left\"\u003e\n\u003cdiv class=\"card-inner\"\u003e\n\u003csmall\u003eYOUR MOVE.\u003c\/small\u003e\n\u003cdiv\u003eDO\u003c\/div\u003e\n\u003cspan\u003eOR\u003c\/span\u003e\n\u003cdiv\u003eDRINK\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pb-dod2-card card-main\"\u003e\n\u003cdiv class=\"card-shine\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"card-inner\"\u003e\n\u003csmall\u003eEXPANSION PACK #2\u003c\/small\u003e\n\u003cdiv class=\"main-do\"\u003eDO\u003c\/div\u003e\n\u003cdiv class=\"main-or\"\u003e\n\u003ci\u003e\u003c\/i\u003e OR \u003ci\u003e\u003c\/i\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"main-drink\"\u003eDRINK\u003c\/div\u003e\n\u003cstrong\u003e21+\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pb-dod2-card card-right\"\u003e\n\u003cdiv class=\"card-inner\"\u003e\n\u003csmall\u003eNO BACKING OUT.\u003c\/small\u003e\n\u003cdiv\u003eYOUR\u003c\/div\u003e\n\u003cspan\u003eTURN.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- STATEMENT --\u003e\n\u003cdiv class=\"pb-dod2-statement\"\u003e\n\u003cspan class=\"statement-number\"\u003e01\u003c\/span\u003e\n\u003cp\u003eONE GAME.\u003c\/p\u003e\n\u003ch2\u003eTWO \u003cspan\u003eCHOICES.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"statement-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cp class=\"statement-copy\"\u003eWhen this deck hits the table, things get interesting.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- CHOICE --\u003e\n\u003cdiv class=\"pb-dod2-choice\"\u003e\n\u003cdiv class=\"choice-card choice-do\"\u003e\n\u003cspan\u003eOPTION 01\u003c\/span\u003e\n\u003ch3\u003eDO IT.\u003c\/h3\u003e\n\u003cp\u003eCommit to your choice.\u003c\/p\u003e\n\u003cdiv class=\"choice-arrow\"\u003e↗\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"choice-middle\"\u003eOR\u003c\/div\u003e\n\u003cdiv class=\"choice-card choice-drink\"\u003e\n\u003cspan\u003eOPTION 02\u003c\/span\u003e\n\u003ch3\u003eDRINK.\u003c\/h3\u003e\n\u003cp\u003eYou know the alternative.\u003c\/p\u003e\n\u003cdiv class=\"choice-arrow\"\u003e↗\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- BIG TEXT --\u003e\n\u003cdiv class=\"pb-dod2-bigtext\"\u003e\n\u003cdiv\u003eNO EXCUSES.\u003c\/div\u003e\n\u003cdiv\u003eNO BACKING OUT.\u003c\/div\u003e\n\u003cdiv class=\"red-text\"\u003ePICK ONE.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FEATURES --\u003e\n\u003cdiv class=\"pb-dod2-info\"\u003e\n\u003cdiv class=\"info-box\"\u003e\n\u003cdiv class=\"info-icon\"\u003e♠\u003c\/div\u003e\n\u003ch4\u003eBRING THE ENERGY\u003c\/h4\u003e\n\u003cp\u003eMade for parties, pre-games and unforgettable nights with your crew.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"info-box\"\u003e\n\u003cdiv class=\"info-icon\"\u003e⚡\u003c\/div\u003e\n\u003ch4\u003e100 CARDS\u003c\/h4\u003e\n\u003cp\u003eA full expansion pack ready to take your game night up another level.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"info-box\"\u003e\n\u003cdiv class=\"info-icon\"\u003e🔥\u003c\/div\u003e\n\u003ch4\u003eEXPECT CHAOS\u003c\/h4\u003e\n\u003cp\u003eOnce the cards come out, there's no telling where the night goes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- MOVING BANNER --\u003e\n\u003cdiv class=\"pb-dod2-marquee\"\u003e\n\u003cdiv class=\"pb-dod2-marquee-track\"\u003e\n\u003cspan\u003e DO OR DRINK ✦ PICK ONE ✦ 21+ ✦ NO BACKING OUT ✦ PLAY BOLD ✦ \u003c\/span\u003e \u003cspan\u003e DO OR DRINK ✦ PICK ONE ✦ 21+ ✦ NO BACKING OUT ✦ PLAY BOLD ✦ \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FINAL CTA --\u003e\n\u003cdiv class=\"pb-dod2-final\"\u003e\n\u003cp\u003eTHE QUESTION ISN'T\u003c\/p\u003e\n\u003ch2\u003eWILL YOU PLAY?\u003c\/h2\u003e\n\u003ch3\u003eIT'S WHAT WILL YOU \u003cspan\u003eCHOOSE?\u003c\/span\u003e\n\u003c\/h3\u003e\n\u003cdiv class=\"pb-dod2-pulse\"\u003e\n\u003cspan\u003e\u003c\/span\u003e 21+ • PLAY RESPONSIBLY\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n\n\/* ==========================\n   BASE\n========================== *\/\n\n.pb-dod2,\n.pb-dod2 * {\n  box-sizing: border-box;\n}\n\n.pb-dod2 {\n  --red: #ff1738;\n  --red-dark: #c90022;\n  --black: #030303;\n  --soft: #9b9b9b;\n\n  position: relative;\n  overflow: hidden;\n\n  background:\n    radial-gradient(circle at 50% -10%,\n      rgba(255,23,56,.18),\n      transparent 35%),\n    #030303;\n\n  color: white;\n\n  padding: 75px 20px 0;\n\n  font-family:\n    Arial,\n    Helvetica,\n    sans-serif;\n\n  border-radius: 25px;\n\n  isolation: isolate;\n}\n\n\n\/* ==========================\n   BACKGROUND\n========================== *\/\n\n.pb-dod2-grid {\n\n  position: absolute;\n  inset: 0;\n\n  background-image:\n    linear-gradient(\n      rgba(255,255,255,.025) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      90deg,\n      rgba(255,255,255,.025) 1px,\n      transparent 1px\n    );\n\n  background-size: 45px 45px;\n\n  mask-image:\n    linear-gradient(\n      to bottom,\n      black,\n      transparent 70%\n    );\n\n  z-index: -2;\n}\n\n\n.pb-dod2-glow {\n\n  position: absolute;\n\n  width: 400px;\n  height: 400px;\n\n  background: var(--red);\n\n  border-radius: 50%;\n\n  filter: blur(160px);\n\n  opacity: .12;\n\n  z-index: -1;\n\n  animation:\n    pbDodGlow 8s ease-in-out infinite alternate;\n}\n\n\n.glow-one {\n  left: -250px;\n  top: 15%;\n}\n\n\n.glow-two {\n  right: -250px;\n  top: 55%;\n\n  animation-delay: -4s;\n}\n\n\n\/* ==========================\n   HERO\n========================== *\/\n\n.pb-dod2-hero {\n\n  max-width: 900px;\n\n  margin: auto;\n\n  text-align: center;\n\n  position: relative;\n\n  z-index: 3;\n}\n\n\n.pb-dod2-pill {\n\n  display: inline-flex;\n\n  align-items: center;\n\n  gap: 9px;\n\n  padding: 9px 15px;\n\n  border-radius: 100px;\n\n  background:\n    rgba(255,255,255,.04);\n\n  border:\n    1px solid rgba(255,255,255,.12);\n\n  font-size: 10px;\n\n  font-weight: 900;\n\n  letter-spacing: 2px;\n}\n\n\n.pb-dod2-pill span {\n\n  width: 7px;\n  height: 7px;\n\n  background: var(--red);\n\n  border-radius: 50%;\n\n  animation:\n    pbDodPulse 1.4s infinite;\n}\n\n\n.pb-dod2-small {\n\n  margin: 30px 0 8px;\n\n  color: var(--red);\n\n  font-size: 11px;\n\n  letter-spacing: 5px;\n\n  font-weight: 1000;\n}\n\n\n.pb-dod2 h1 {\n\n  margin: 0;\n\n  font-size:\n    clamp(65px, 13vw, 130px);\n\n  line-height: .76;\n\n  letter-spacing: -7px;\n\n  font-weight: 1000;\n\n  text-transform: uppercase;\n\n  animation:\n    pbDodReveal .9s\n    cubic-bezier(.2,.8,.2,1)\n    both;\n}\n\n\n.pb-dod2 h1 em {\n\n  display: block;\n\n  color: var(--red);\n\n  font-size: .28em;\n\n  line-height: 1.5;\n\n  letter-spacing: 5px;\n\n  font-style: normal;\n\n  text-shadow:\n    0 0 35px\n    rgba(255,23,56,.5);\n}\n\n\n.pb-dod2-expansion {\n\n  display: inline-block;\n\n  margin-top: 28px;\n\n  padding: 10px 18px;\n\n  background: var(--red);\n\n  font-size: 12px;\n\n  font-weight: 1000;\n\n  letter-spacing: 2px;\n\n  transform: rotate(-2deg);\n\n  box-shadow:\n    0 10px 35px\n    rgba(255,23,56,.25);\n}\n\n\n.pb-dod2-sub {\n\n  color: #9b9b9b;\n\n  font-size: 16px;\n\n  line-height: 1.7;\n\n  margin: 30px auto 0;\n}\n\n\n.pb-dod2-sub strong {\n  color: white;\n}\n\n\n.pb-dod2-tags {\n\n  display: flex;\n\n  justify-content: center;\n\n  flex-wrap: wrap;\n\n  gap: 8px;\n\n  margin-top: 25px;\n}\n\n\n.pb-dod2-tags span {\n\n  background: #101010;\n\n  border: 1px solid #222;\n\n  padding: 9px 13px;\n\n  border-radius: 7px;\n\n  font-size: 9px;\n\n  letter-spacing: 1px;\n\n  font-weight: 900;\n\n  transition: .3s;\n}\n\n\n.pb-dod2-tags span:hover {\n\n  border-color: var(--red);\n\n  color: var(--red);\n\n  transform: translateY(-3px);\n}\n\n\n\/* ==========================\n   CARD STAGE\n========================== *\/\n\n.pb-dod2-stage {\n\n  height: 480px;\n\n  max-width: 850px;\n\n  margin: 30px auto 50px;\n\n  position: relative;\n\n  perspective: 1200px;\n}\n\n\n.pb-dod2-ring {\n\n  position: absolute;\n\n  left: 50%;\n  top: 50%;\n\n  transform:\n    translate(-50%, -50%);\n\n  border:\n    1px solid\n    rgba(255,23,56,.15);\n\n  border-radius: 50%;\n}\n\n\n.ring-one {\n\n  width: 400px;\n  height: 400px;\n\n  animation:\n    pbRing 6s linear infinite;\n}\n\n\n.ring-two {\n\n  width: 310px;\n  height: 310px;\n\n  border-style: dashed;\n\n  animation:\n    pbRingReverse 9s linear infinite;\n}\n\n\n.pb-dod2-card {\n\n  position: absolute;\n\n  left: 50%;\n  top: 50%;\n\n  width: 210px;\n  height: 300px;\n\n  border-radius: 16px;\n\n  overflow: hidden;\n\n  box-shadow:\n    0 40px 80px\n    rgba(0,0,0,.8);\n\n  border:\n    1px solid\n    rgba(255,255,255,.12);\n}\n\n\n.card-inner {\n\n  height: 100%;\n\n  display: flex;\n\n  flex-direction: column;\n\n  justify-content: center;\n\n  align-items: center;\n\n  text-align: center;\n}\n\n\n\/* LEFT CARD *\/\n\n.card-left {\n\n  background:\n    linear-gradient(\n      145deg,\n      #151515,\n      #050505\n    );\n\n  transform:\n    translate(-125%, -45%)\n    rotate(-17deg);\n\n  opacity: .7;\n\n  animation:\n    pbCardLeft 5s\n    ease-in-out infinite;\n}\n\n\n.card-left small {\n\n  color: #777;\n\n  font-size: 8px;\n\n  letter-spacing: 2px;\n\n  margin-bottom: 25px;\n}\n\n\n.card-left div div {\n\n  font-size: 37px;\n\n  font-weight: 1000;\n}\n\n\n.card-left span {\n\n  color: var(--red);\n\n  margin: 5px;\n\n  font-weight: 1000;\n}\n\n\n\/* MAIN CARD *\/\n\n.card-main {\n\n  z-index: 4;\n\n  background:\n    linear-gradient(\n      145deg,\n      #ff2944,\n      #d90022\n    );\n\n  transform:\n    translate(-50%, -50%);\n\n  animation:\n    pbMainCard 4s\n    ease-in-out infinite;\n\n  box-shadow:\n    0 45px 100px\n    rgba(0,0,0,.9),\n    0 0 60px\n    rgba(255,23,56,.15);\n}\n\n\n.card-main small {\n\n  position: absolute;\n\n  top: 22px;\n\n  font-size: 8px;\n\n  letter-spacing: 2px;\n\n  opacity: .8;\n}\n\n\n.main-do,\n.main-drink {\n\n  font-size: 53px;\n\n  font-weight: 1000;\n\n  line-height: .9;\n\n  letter-spacing: -2px;\n}\n\n\n.main-or {\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 8px;\n\n  font-size: 17px;\n\n  font-weight: 1000;\n\n  margin: 9px 0;\n}\n\n\n.main-or i {\n\n  display: block;\n\n  width: 32px;\n  height: 2px;\n\n  background: white;\n}\n\n\n.card-main strong {\n\n  position: absolute;\n\n  bottom: 20px;\n\n  border:\n    1px solid\n    rgba(255,255,255,.6);\n\n  padding: 5px 9px;\n\n  border-radius: 100px;\n\n  font-size: 9px;\n}\n\n\n.card-shine {\n\n  position: absolute;\n\n  width: 70px;\n\n  height: 150%;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      rgba(255,255,255,.25),\n      transparent\n    );\n\n  top: -25%;\n\n  left: -50%;\n\n  transform: rotate(20deg);\n\n  animation:\n    pbShine 4s\n    ease-in-out infinite;\n}\n\n\n\/* RIGHT CARD *\/\n\n.card-right {\n\n  background:\n    linear-gradient(\n      145deg,\n      #171717,\n      #030303\n    );\n\n  transform:\n    translate(25%, -45%)\n    rotate(17deg);\n\n  opacity: .7;\n\n  animation:\n    pbCardRight 5.5s\n    ease-in-out infinite;\n}\n\n\n.card-right small {\n\n  color: #777;\n\n  font-size: 8px;\n\n  letter-spacing: 2px;\n\n  margin-bottom: 25px;\n}\n\n\n.card-right div div {\n\n  font-size: 31px;\n\n  font-weight: 1000;\n}\n\n\n.card-right span {\n\n  color: var(--red);\n\n  font-size: 31px;\n\n  font-weight: 1000;\n}\n\n\n\/* ==========================\n   STATEMENT\n========================== *\/\n\n.pb-dod2-statement {\n\n  max-width: 800px;\n\n  margin: 0 auto 90px;\n\n  text-align: center;\n}\n\n\n.statement-number {\n\n  color: #444;\n\n  font-size: 10px;\n\n  letter-spacing: 3px;\n}\n\n\n.pb-dod2-statement \u003e p:first-of-type {\n\n  font-size: 11px;\n\n  letter-spacing: 5px;\n\n  font-weight: 900;\n\n  margin-top: 18px;\n}\n\n\n.pb-dod2-statement h2 {\n\n  margin: 5px 0;\n\n  font-size:\n    clamp(48px, 9vw, 85px);\n\n  letter-spacing: -4px;\n\n  line-height: .9;\n}\n\n\n.pb-dod2-statement h2 span {\n\n  color: var(--red);\n}\n\n\n.statement-line {\n\n  width: 45px;\n  height: 3px;\n\n  background: var(--red);\n\n  margin: 25px auto;\n}\n\n\n.statement-copy {\n\n  color: #888;\n\n  line-height: 1.7;\n\n  font-size: 14px;\n}\n\n\n\/* ==========================\n   CHOICES\n========================== *\/\n\n.pb-dod2-choice {\n\n  max-width: 900px;\n\n  margin: auto;\n\n  display: grid;\n\n  grid-template-columns:\n    1fr auto 1fr;\n\n  gap: 15px;\n\n  align-items: center;\n}\n\n\n.choice-card {\n\n  min-height: 230px;\n\n  padding: 30px;\n\n  border-radius: 17px;\n\n  position: relative;\n\n  overflow: hidden;\n\n  transition:\n    transform .35s ease,\n    border .35s ease;\n}\n\n\n.choice-do {\n\n  background: #0e0e0e;\n\n  border: 1px solid #202020;\n}\n\n\n.choice-drink {\n\n  background:\n    linear-gradient(\n      145deg,\n      #ff213e,\n      #ca001f\n    );\n\n  border:\n    1px solid\n    rgba(255,255,255,.2);\n}\n\n\n.choice-card:hover {\n\n  transform:\n    translateY(-10px)\n    scale(1.02);\n}\n\n\n.choice-do:hover {\n\n  border-color: var(--red);\n}\n\n\n.choice-card \u003e span {\n\n  font-size: 8px;\n\n  letter-spacing: 3px;\n\n  opacity: .6;\n}\n\n\n.choice-card h3 {\n\n  font-size: 45px;\n\n  margin: 40px 0 7px;\n\n  letter-spacing: -2px;\n}\n\n\n.choice-card p {\n\n  color: #888;\n\n  font-size: 12px;\n}\n\n\n.choice-drink p {\n  color: rgba(255,255,255,.7);\n}\n\n\n.choice-arrow {\n\n  position: absolute;\n\n  right: 25px;\n  bottom: 20px;\n\n  font-size: 25px;\n\n  transition: .3s;\n}\n\n\n.choice-card:hover .choice-arrow {\n\n  transform:\n    translate(5px,-5px);\n}\n\n\n.choice-middle {\n\n  font-weight: 1000;\n\n  color: var(--red);\n\n  font-size: 13px;\n}\n\n\n\/* ==========================\n   BIG TEXT\n========================== *\/\n\n.pb-dod2-bigtext {\n\n  margin: 100px auto;\n\n  text-align: center;\n\n  font-weight: 1000;\n\n  font-size:\n    clamp(38px, 8vw, 80px);\n\n  line-height: .9;\n\n  letter-spacing: -4px;\n}\n\n\n.pb-dod2-bigtext div {\n\n  transition: .3s;\n}\n\n\n.pb-dod2-bigtext div:hover {\n\n  transform:\n    scale(1.04);\n}\n\n\n.red-text {\n\n  color: var(--red);\n\n  text-shadow:\n    0 0 35px\n    rgba(255,23,56,.2);\n}\n\n\n\/* ==========================\n   INFO\n========================== *\/\n\n.pb-dod2-info {\n\n  max-width: 900px;\n\n  margin: auto;\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(3,1fr);\n\n  gap: 12px;\n}\n\n\n.info-box {\n\n  padding: 28px 22px;\n\n  background: #0b0b0b;\n\n  border: 1px solid #1b1b1b;\n\n  border-radius: 15px;\n\n  transition: .35s;\n\n  position: relative;\n\n  overflow: hidden;\n}\n\n\n.info-box::after {\n\n  content: \"\";\n\n  position: absolute;\n\n  left: 0;\n  bottom: 0;\n\n  height: 3px;\n  width: 0;\n\n  background: var(--red);\n\n  transition: .35s;\n}\n\n\n.info-box:hover {\n\n  transform:\n    translateY(-8px);\n\n  border-color:\n    rgba(255,23,56,.4);\n}\n\n\n.info-box:hover::after {\n\n  width: 100%;\n}\n\n\n.info-icon {\n\n  width: 45px;\n  height: 45px;\n\n  display: grid;\n\n  place-items: center;\n\n  border-radius: 50%;\n\n  background:\n    rgba(255,23,56,.1);\n\n  color: var(--red);\n\n  font-size: 19px;\n\n  margin-bottom: 25px;\n}\n\n\n.info-box h4 {\n\n  margin: 0 0 10px;\n\n  font-size: 13px;\n\n  letter-spacing: 1px;\n}\n\n\n.info-box p {\n\n  color: #777;\n\n  font-size: 12px;\n\n  line-height: 1.6;\n\n  margin: 0;\n}\n\n\n\/* ==========================\n   MARQUEE\n========================== *\/\n\n.pb-dod2-marquee {\n\n  width: calc(100% + 40px);\n\n  margin-left: -20px;\n\n  margin-top: 100px;\n\n  background: var(--red);\n\n  overflow: hidden;\n\n  padding: 14px 0;\n\n  transform: rotate(-1.5deg);\n\n  box-shadow:\n    0 0 50px\n    rgba(255,23,56,.25);\n}\n\n\n.pb-dod2-marquee-track {\n\n  display: flex;\n\n  width: max-content;\n\n  animation:\n    pbDodMarquee\n    14s linear infinite;\n}\n\n\n.pb-dod2-marquee span {\n\n  white-space: nowrap;\n\n  font-size: 12px;\n\n  font-weight: 1000;\n\n  letter-spacing: 2px;\n\n  padding-right: 10px;\n}\n\n\n\/* ==========================\n   FINAL\n========================== *\/\n\n.pb-dod2-final {\n\n  padding:\n    110px 20px\n    80px;\n\n  text-align: center;\n}\n\n\n.pb-dod2-final \u003e p {\n\n  color: #777;\n\n  font-size: 10px;\n\n  letter-spacing: 5px;\n\n  font-weight: 900;\n}\n\n\n.pb-dod2-final h2 {\n\n  margin: 10px 0 0;\n\n  font-size:\n    clamp(38px,8vw,75px);\n\n  line-height: .9;\n\n  letter-spacing: -4px;\n}\n\n\n.pb-dod2-final h3 {\n\n  margin: 8px 0 35px;\n\n  font-size:\n    clamp(22px,4vw,37px);\n\n  letter-spacing: -1px;\n}\n\n\n.pb-dod2-final h3 span {\n\n  color: var(--red);\n}\n\n\n.pb-dod2-pulse {\n\n  display: inline-flex;\n\n  align-items: center;\n\n  gap: 9px;\n\n  color: #777;\n\n  font-size: 9px;\n\n  letter-spacing: 2px;\n}\n\n\n.pb-dod2-pulse span {\n\n  width: 7px;\n  height: 7px;\n\n  border-radius: 50%;\n\n  background: var(--red);\n\n  animation:\n    pbDodPulse 1.4s infinite;\n}\n\n\n\/* ==========================\n   ANIMATIONS\n========================== *\/\n\n@keyframes pbDodReveal {\n\n  from {\n    opacity: 0;\n    transform:\n      translateY(40px)\n      scale(.93);\n    filter: blur(8px);\n  }\n\n  to {\n    opacity: 1;\n    transform:\n      translateY(0)\n      scale(1);\n    filter: blur(0);\n  }\n\n}\n\n\n@keyframes pbDodPulse {\n\n  0% {\n    box-shadow:\n      0 0 0 0\n      rgba(255,23,56,.7);\n  }\n\n  70% {\n    box-shadow:\n      0 0 0 10px\n      rgba(255,23,56,0);\n  }\n\n  100% {\n    box-shadow:\n      0 0 0 0\n      rgba(255,23,56,0);\n  }\n\n}\n\n\n@keyframes pbDodGlow {\n\n  from {\n    transform:\n      translateY(-40px);\n  }\n\n  to {\n    transform:\n      translateY(60px);\n  }\n\n}\n\n\n@keyframes pbRing {\n\n  from {\n    transform:\n      translate(-50%,-50%)\n      rotate(0deg);\n  }\n\n  to {\n    transform:\n      translate(-50%,-50%)\n      rotate(360deg);\n  }\n\n}\n\n\n@keyframes pbRingReverse {\n\n  from {\n    transform:\n      translate(-50%,-50%)\n      rotate(360deg);\n  }\n\n  to {\n    transform:\n      translate(-50%,-50%)\n      rotate(0deg);\n  }\n\n}\n\n\n@keyframes pbMainCard {\n\n  0%,100% {\n    transform:\n      translate(-50%,-50%)\n      translateY(0)\n      rotateY(-3deg);\n  }\n\n  50% {\n    transform:\n      translate(-50%,-50%)\n      translateY(-18px)\n      rotateY(3deg);\n  }\n\n}\n\n\n@keyframes pbCardLeft {\n\n  0%,100% {\n    transform:\n      translate(-125%,-45%)\n      rotate(-17deg)\n      translateY(0);\n  }\n\n  50% {\n    transform:\n      translate(-125%,-45%)\n      rotate(-13deg)\n      translateY(-12px);\n  }\n\n}\n\n\n@keyframes pbCardRight {\n\n  0%,100% {\n    transform:\n      translate(25%,-45%)\n      rotate(17deg)\n      translateY(0);\n  }\n\n  50% {\n    transform:\n      translate(25%,-45%)\n      rotate(13deg)\n      translateY(-15px);\n  }\n\n}\n\n\n@keyframes pbShine {\n\n  0% {\n    left: -60%;\n  }\n\n  50%,100% {\n    left: 130%;\n  }\n\n}\n\n\n@keyframes pbDodMarquee {\n\n  from {\n    transform:\n      translateX(0);\n  }\n\n  to {\n    transform:\n      translateX(-50%);\n  }\n\n}\n\n\n\/* ==========================\n   MOBILE\n========================== *\/\n\n@media(max-width:700px) {\n\n  .pb-dod2 {\n\n    padding:\n      55px 14px 0;\n\n    border-radius: 18px;\n  }\n\n\n  .pb-dod2 h1 {\n\n    letter-spacing: -4px;\n  }\n\n\n  .pb-dod2-stage {\n\n    height: 390px;\n\n    margin-top: 20px;\n  }\n\n\n  .pb-dod2-card {\n\n    width: 155px;\n    height: 225px;\n  }\n\n\n  .main-do,\n  .main-drink {\n\n    font-size: 39px;\n  }\n\n\n  .card-left {\n\n    transform:\n      translate(-115%,-45%)\n      rotate(-14deg);\n  }\n\n\n  .card-right {\n\n    transform:\n      translate(15%,-45%)\n      rotate(14deg);\n  }\n\n\n  .ring-one {\n\n    width: 300px;\n    height: 300px;\n  }\n\n\n  .ring-two {\n\n    width: 235px;\n    height: 235px;\n  }\n\n\n  .pb-dod2-choice {\n\n    grid-template-columns: 1fr;\n  }\n\n\n  .choice-middle {\n\n    text-align: center;\n\n    padding: 2px;\n  }\n\n\n  .choice-card {\n\n    min-height: 190px;\n  }\n\n\n  .choice-card h3 {\n\n    margin-top: 30px;\n  }\n\n\n  .pb-dod2-info {\n\n    grid-template-columns: 1fr;\n  }\n\n\n  .pb-dod2-bigtext {\n\n    letter-spacing: -2px;\n\n    margin: 75px auto;\n  }\n\n}\n\n\n@media(prefers-reduced-motion:reduce) {\n\n  .pb-dod2 *,\n  .pb-dod2 *::before,\n  .pb-dod2 *::after {\n\n    animation-duration:\n      .01ms !important;\n\n    animation-iteration-count:\n      1 !important;\n\n    transition-duration:\n      .01ms !important;\n  }\n\n}\n\n\u003c\/style\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"PLAYBOLD","offers":[{"title":"Default Title","offer_id":62240817610892,"sku":null,"price":399.9,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0795\/9239\/0796\/files\/do-or-drink-expansion-pack-2-product-spotlight.png?v=1791259428","url":"https:\/\/playbold.co.za\/products\/do-or-drink%e2%84%a2-the-ultimate-party-challenge-game","provider":"PLAYBOLD","version":"1.0","type":"link"}