From 528a49410b9e16a59193415da9c90c12139127d5 Mon Sep 17 00:00:00 2001
From: Kenneth Jannette <sj@sjdev.co>
Date: Sat, 27 Jan 2024 13:57:33 -0600
Subject: [PATCH] more

---
 src/pageElements/Radio.js | 10 +++++++++-
 src/styles/signup.scss    | 19 +++++++++++++++++++
 2 files changed, 28 insertions(+), 1 deletion(-)

diff --git a/src/pageElements/Radio.js b/src/pageElements/Radio.js
index 0491cda..d5bf1cf 100644
--- a/src/pageElements/Radio.js
+++ b/src/pageElements/Radio.js
@@ -46,7 +46,15 @@ const Radio = (props) => {
             <div className="radio-circle-lower">
               <div className="radio-description-box">
                 {description.map((item, i) => {
-                  return <p className="signup-feat-item">{item}</p>;
+                  const el =
+                    item == "First month is free!" ? (
+                      <div className="offer-div">
+                        <p className="signup-feat-item-bold">{item}</p>
+                      </div>
+                    ) : (
+                      <p className="signup-feat-item">{item}</p>
+                    );
+                  return el;
                 })}
               </div>
               <div className="radio-description-box">{`${details}`} </div>
diff --git a/src/styles/signup.scss b/src/styles/signup.scss
index 2ef718d..d5d63c5 100644
--- a/src/styles/signup.scss
+++ b/src/styles/signup.scss
@@ -171,3 +171,22 @@
   font-size: 0.9rem;
   margin: 8px 0px 8px 4px;
 }
+
+.signup-feat-item-bold {
+  font-family: Roboto;
+  color: #005eff;
+  font-size: 1.15rem;
+  letter-spacing: -0.008rem;
+  font-weight: 500;
+  margin: 12px 0px 8px 4px;
+}
+
+.offer-div {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 30px;
+  background-color: #fdbe72;
+  border-radius: 10px;
+  margin-top: 25px;
+}