From 85a92d37e83646deb52c982e12ba40ac558c5041 Mon Sep 17 00:00:00 2001
From: owjs3901 <owjs3901@naver.com>
Date: Fri, 24 Jan 2025 17:03:39 +0900
Subject: [PATCH 1/2] Add group style

---
 apps/landing/src/app/page.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/apps/landing/src/app/page.tsx b/apps/landing/src/app/page.tsx
index 68e68670..4edc13b5 100644
--- a/apps/landing/src/app/page.tsx
+++ b/apps/landing/src/app/page.tsx
@@ -42,12 +42,13 @@ export default function HomePage() {
               borderRadius="100px"
               gap="20px"
               p="16px 40px"
+              role="group"
             >
               <Box
-                _active={{
+                _groupActive={{
                   bg: '$third',
                 }}
-                _hover={{
+                _groupHover={{
                   bg: '$primary',
                 }}
                 bg="$secondary"

From 777dd914915d687c17550bfa2fe58d07ee9c44c3 Mon Sep 17 00:00:00 2001
From: owjs3901 <owjs3901@naver.com>
Date: Fri, 24 Jan 2025 17:06:52 +0900
Subject: [PATCH 2/2] Add section

---
 apps/landing/src/components/Discord.tsx | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/apps/landing/src/components/Discord.tsx b/apps/landing/src/components/Discord.tsx
index c8a25f72..9ccda5c2 100644
--- a/apps/landing/src/components/Discord.tsx
+++ b/apps/landing/src/components/Discord.tsx
@@ -32,11 +32,18 @@ export function Discord() {
         <Link
           className={css({
             textDecoration: 'none',
+            borderRadius: '100px',
           })}
           href="https://discord.gg/BtNffusw"
           target="_blank"
         >
           <Flex
+            _active={{
+              bg: '$buttonBlueActive',
+            }}
+            _hover={{
+              bg: '$buttonBlueHover',
+            }}
             alignItems="center"
             bg="$buttonBlue"
             borderRadius="100px"