diff --git a/front/src/components/Promo/sidebar.vue b/front/src/components/Promo/sidebar.vue
index 9a38597..ba2d512 100644
--- a/front/src/components/Promo/sidebar.vue
+++ b/front/src/components/Promo/sidebar.vue
@@ -19,9 +19,10 @@ onClickOutside(sidebar_obj, () => sidebar.close())
             <template v-for="p in sidebar.description.split('\n')">
                 <p>{{ p }}</p>
             </template>
-            <RouterLink :to="`/promo/main/${sidebar.target}`" v-if="sidebar.target">
+            <RouterLink class="btn" :to="`/promo/main/${sidebar.target}`" v-if="sidebar.target">
                 {{ sidebar.target_name }}
             </RouterLink>
+            
         </template>
     </div>
 </template>
@@ -59,5 +60,34 @@ onClickOutside(sidebar_obj, () => sidebar.close())
         margin: 1rem 0;
         font-size: 1.25rem;
     }
+    .btn {
+    color: white;
+    transition: .2s linear;
+    background: #0B63F6;
+    padding-top: 5px;
+    padding-bottom: 7px;
+    display: block;
+    text-align: center;
+    text-decoration: none;
+    min-width: 300px;
+  min-height: 60px;
+  display: inline-flex;
+  font-family: 'Nunito', sans-serif;
+  font-size: 22px;
+  align-items: center;
+  justify-content: center;
+  text-transform: uppercase;
+  letter-spacing: 1.3px;
+  font-weight: 700;
+  color: #313133;
+  background: #4FD1C5;
+background: linear-gradient(90deg, rgba(129,230,217,1) 0%, rgba(79,209,197,1) 100%);
+  border-radius: 1000px;
+  box-shadow: 12px 12px 24px rgba(79,209,197,.64);
+}
+
+.btn:hover {
+    box-shadow: 0 0 0 2px white, 0 0 0 4px #3C82F8;
+}
 }
 </style>
\ No newline at end of file