From 8dc2ac8f9d3c05d2c7b5ea10f997c76a5f8be4eb Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Tue, 28 May 2024 22:10:06 +0800
Subject: [PATCH] Add CTA subtle

---
 packages/web/components/elements/Button.tsx | 2 +-
 packages/web/pages/justread/index.tsx       | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/web/components/elements/Button.tsx b/packages/web/components/elements/Button.tsx
index fe3691e0f..69eb8ac72 100644
--- a/packages/web/components/elements/Button.tsx
+++ b/packages/web/components/elements/Button.tsx
@@ -49,7 +49,7 @@ export const Button = styled('button', {
           background: `#0056D2`,
         },
       },
-      ctaGray: {
+      ctaSubtle: {
         borderRadius: '5px',
         px: '10px',
         py: '8px',
diff --git a/packages/web/pages/justread/index.tsx b/packages/web/pages/justread/index.tsx
index ddd9b31aa..c81abe53b 100644
--- a/packages/web/pages/justread/index.tsx
+++ b/packages/web/pages/justread/index.tsx
@@ -312,7 +312,7 @@ const SubscriptionSourceHoverContent = (
         </SpanBox>
         <SpanBox css={{ ml: 'auto', minWidth: '100px' }}>
           {subscription && subscription.status == 'ACTIVE' && (
-            <Button style="ctaGray" css={{ fontSize: '12px' }}>
+            <Button style="ctaSubtle" css={{ fontSize: '12px' }}>
               + Unsubscribe
             </Button>
           )}