update: twitterシェアボタンにスタイルを適用

src/scss/modules/pc/_top-page.scss

@@ -307,6 +307,34 @@
     }
   }
 
+  /*** share-btn ***/
+  .top-page__share-btn {
+    position: absolute;
+    right: 0; top: calc(50% - 25px);
+    width: 140px; height: 50px;
+    background-color: $theme-mint;
+    border-top-left-radius: 5px;
+    border-bottom-left-radius: 5px;
+    box-shadow: 0 0 5px rgba(0,0,0,0.4);
+    transform: translateX(calc(100% + 5px));
+    overflow: hidden;
+    z-index: 1;
+
+    a {
+      position: relative;
+      top: 0; left: 0;
+      width: 100%; height: 100%;
+      display: block;
+      font-size: 13px;
+      text-align: center;
+      line-height: 50px;
+      color: $theme-purple;
+      background-color: $theme-mint;
+
+      i { font-size: 20px; margin-right: 5px; }
+    }
+  }
+
   .top-page[data-state="start"] {
     /*** ring ***/
     .top-page__ring {
@@ -369,8 +397,9 @@
     }
 
     /*** sns ***/
-    .top-page__sns {
+    .top-page__sns { animation: slide-right 0.4s ease 3s forwards; }
-      animation: slide-right 0.4s ease 3s forwards;
+    
-    }
+    /*** share-btn ***/
+    .top-page__share-btn { animation: slide-left 0.4s ease 3s forwards; }
   }
 }