랜딩페이지 UI 수정

seacrab808 · Aug 5, 2024 · a024587 · a024587
1 parent dc6a322
commit a024587
Showing 1 changed file with 12 additions and 4 deletions.
diff --git a/src/components/layout/Landing.js b/src/components/layout/Landing.js
@@ -33,19 +33,21 @@ const btnWrap = css`
   font-size: 1.4rem;
 
   div {
-    padding: 0.7rem;
+    padding: 0.6rem;
     margin: 0.5rem;
     border-radius: 0.7rem;
     width: 90%;
 
     background-color: #5393d9;
     color: #fff;
+    box-shadow: 1px 0px 1px 0px #90a0c6;
 
-    :hover {
-      background-color: #8ec8f6;
-      transition: 1s;
+    :hover, :active {
+      background-color: #63ace4;
+      transition: .2s;
       cursor: pointer;
     }
+    
   }
 `;
 
@@ -61,6 +63,12 @@ const nonOp = css`
   font-size: 13px;
   text-decoration: underline;
   color: #90a0c6;
+
+  :hover, :active {
+    color: #5393d9;
+    cursor: pointer;
+    transition: .2s
+  }
 `;
 
 const myInfoWrap = css`