From 9466c1345a6cfbd092b52ccb73d9f499a511bfe8 Mon Sep 17 00:00:00 2001
From: joungeun <lje0818ovo@naver.com>
Date: Wed, 27 Apr 2022 08:27:49 +0900
Subject: [PATCH] =?UTF-8?q?[ADD]=20#2=20::=20input=20->=20button=20?=
 =?UTF-8?q?=EB=B3=80=EA=B2=BD=20=EB=B0=8F=20hover=20=EC=8B=9C=20=EC=9D=B4?=
 =?UTF-8?q?=EB=B2=A4=ED=8A=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 rancuft/src/components/DrawGift/index.js | 7 ++-----
 rancuft/src/components/DrawGift/style.js | 6 +++++-
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/rancuft/src/components/DrawGift/index.js b/rancuft/src/components/DrawGift/index.js
index 3729918..03db711 100644
--- a/rancuft/src/components/DrawGift/index.js
+++ b/rancuft/src/components/DrawGift/index.js
@@ -74,8 +74,7 @@ function DrowGift() {
 
   return (
     // https://stickode.tistory.com/240 내가 원하는것!
-    <>
-      {isMobile && (                
+    <>           
       <S.FullBackground>
         <S.Background>
           <S.Pan>
@@ -98,12 +97,10 @@ function DrowGift() {
             <input type="text" placeholder="행복의 말 한마디를 해 주세요 💛"></input>
           </S.Title>
           <S.GiftButton>
-            <input type="button" value="선물 하기"></input>
+            <button>선물 하기</button>
           </S.GiftButton>
         </S.Background>
        </S.FullBackground>
-       )}
-      {isPc && <h2>TEST</h2>}
     </>
   );
   
diff --git a/rancuft/src/components/DrawGift/style.js b/rancuft/src/components/DrawGift/style.js
index dc91dc3..211b3e0 100644
--- a/rancuft/src/components/DrawGift/style.js
+++ b/rancuft/src/components/DrawGift/style.js
@@ -57,7 +57,7 @@ export const Title = styled.div`
 `
 
 export const GiftButton = styled.div`
- input{
+ button{
    margin-top: 40px;
    margin-left: 37%;
    padding: 5px 25px 5px 25px;
@@ -65,4 +65,8 @@ export const GiftButton = styled.div`
    font-weight: bold;
    box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  }
+ button:hover{
+   background-color: black;
+   color:white;
+ }
 `
\ No newline at end of file