diff --git a/src/scss/modules/pc/_top-page.scss b/src/scss/modules/pc/_top-page.scss
index 07cc4a4..a9d7e68 100644
--- a/src/scss/modules/pc/_top-page.scss
+++ b/src/scss/modules/pc/_top-page.scss
@@ -319,6 +319,7 @@
     transform: translateX(calc(100% + 5px));
     overflow: hidden;
     z-index: 1;
+    transition: all 0.3s ease 0s;
 
     a {
       position: relative;
@@ -329,11 +330,15 @@
       text-align: center;
       line-height: 50px;
       color: $theme-purple;
-      background-color: $theme-mint;
+      transition: all 0.3s ease 0s;
 
       i { font-size: 20px; margin-right: 5px; }
     }
   }
+  .top-page__share-btn:hover {
+    a { color: #fff; }
+    background-color: $theme-pink;
+  }
 
   .top-page[data-state="start"] {
     /*** ring ***/