From 849e4d158b8a6d8543fa7d908e30c79cc7acc7fe Mon Sep 17 00:00:00 2001
From: Mavis Ou <mmmavis@users.noreply.github.com>
Date: Thu, 21 Sep 2023 15:56:58 -0700
Subject: [PATCH] add speech bubble stem

---
 .../buyersguide/pages/consumer_creepometer_page_2023.html       | 2 +-
 source/images/buyers-guide/consumer-creepometer/bubble-stem.svg | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)
 create mode 100644 source/images/buyers-guide/consumer-creepometer/bubble-stem.svg

diff --git a/network-api/networkapi/templates/buyersguide/pages/consumer_creepometer_page_2023.html b/network-api/networkapi/templates/buyersguide/pages/consumer_creepometer_page_2023.html
index 9f8b459345..1577706511 100644
--- a/network-api/networkapi/templates/buyersguide/pages/consumer_creepometer_page_2023.html
+++ b/network-api/networkapi/templates/buyersguide/pages/consumer_creepometer_page_2023.html
@@ -13,7 +13,7 @@
         <div class="tw-w-full medium:tw-w-[83%]">
           <h1 class="tw-font-normal tw-font-zilla tw-text-[48px] tw-leading-[44px] medium:tw-text-[80px] medium:tw-leading-none tw-mb-12 medium:tw-mb-24">Welcome to <span class="tw-font-semibold">Mozilla’s</span> first-ever <strong class="tw-font-semibold">Annual Consumer Creep-O-Meter</strong></h1>
           <p class="tw-font-light tw-font-zilla tw-text-[24px] tw-leading-[28px] medium:tw-text-[40px] medium:tw-leading-[48px]">
-            In 2023, the state of our digital privacy is <strong class="tw-relative after:tw-bottom-10 after:tw-right--29 after:tw-absolute after:tw-border-0 after:tw-block after:tw-w-38 after:tw-h-26 after:tw-bg-transparent after:tw-rounded-bl-[50%] after:tw-rounded-br-[50%] after:tw-shadow-lg after:tw--ml-21 after:tw-mt-9 after:tw-content-[''] tw-block tw-text-center tw-font-sans tw-font-[28px] tw-leading-[32px] medium:tw-text-[80px] medium:tw-leading-none tw-font-extrabold tw-max-w-[75%] tw-my-12 medium:tw-my-24 tw-px-12 medium:tw-px-[100px] tw-py-6 medium:tw-py-12 tw-bg-blue-05 tw-rounded-3xl">Very creepy</strong>
+            In 2023, the state of our digital privacy is <strong class="tw-relative tw-block tw-text-center tw-font-sans tw-font-[28px] tw-leading-[32px] medium:tw-text-[80px] medium:tw-leading-none tw-font-extrabold tw-max-w-[75%] tw-my-12 medium:tw-my-24 tw-px-12 medium:tw-px-[100px] tw-py-6 medium:tw-py-12 tw-bg-blue-05 tw-rounded-3xl after:tw-content-[''] after:tw-w-[calc(94px/2)] after:tw-h-[calc(57px/2)] medium:after:tw-w-[94px] medium:after:tw-h-[57px] after:tw-absolute after:tw-top-[calc(100%-2px)] after:tw-right:0 after:tw-bg-center after:tw-bg-no-repeat after:tw-bg-cover after:tw-bg-[url('../_images/buyers-guide/consumer-creepometer/bubble-stem.svg')]">Very creepy</strong>
           </p>
         </div>
       </div>
diff --git a/source/images/buyers-guide/consumer-creepometer/bubble-stem.svg b/source/images/buyers-guide/consumer-creepometer/bubble-stem.svg
new file mode 100644
index 0000000000..6ee5e608fb
--- /dev/null
+++ b/source/images/buyers-guide/consumer-creepometer/bubble-stem.svg
@@ -0,0 +1 @@
+<svg width="94" height="57" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M93.54 56.144S16.5 42.732 0 .738L9.004.732c40.778.009 0 0 40.778.004 5.39 20.407 43.758 55.408 43.758 55.408z" fill="#E7E7FC"/></svg>
\ No newline at end of file