diff --git a/luckydiamond/src/assets/css/ElementsStyles/header.css b/luckydiamond/src/assets/css/ElementsStyles/header.css
index 1e913e6..10f095a 100644
--- a/luckydiamond/src/assets/css/ElementsStyles/header.css
+++ b/luckydiamond/src/assets/css/ElementsStyles/header.css
@@ -120,4 +120,30 @@
 
 .header__card--discord img {
     box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
+}
+
+.header__card--auth {
+    display: flex;
+    align-items: center;
+    text-align: center;
+    margin-right: 20px;
+}
+
+.auth__card--content a {
+    display: flex;
+    align-items: center;
+    border-radius: 13px;
+    background: #5865F2;
+    box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
+    color: #000;
+    font-size: 16px;
+    font-weight: 600;
+    font-family: Montserrat;
+    padding: 11px 26px 11px 21px;
+    text-decoration: none;
+    text-transform: uppercase;
+}
+
+.auth__card--content a span img {
+    margin-right: 5px;
 }
\ No newline at end of file
diff --git a/luckydiamond/src/assets/icons-header/discord-icon.png b/luckydiamond/src/assets/icons-header/discord-icon.png
new file mode 100644
index 0000000..ef33ab2
Binary files /dev/null and b/luckydiamond/src/assets/icons-header/discord-icon.png differ
diff --git a/luckydiamond/src/pages/HeaderElement.vue b/luckydiamond/src/pages/HeaderElement.vue
index ae396ba..e2a25da 100644
--- a/luckydiamond/src/pages/HeaderElement.vue
+++ b/luckydiamond/src/pages/HeaderElement.vue
@@ -30,7 +30,9 @@
           <img src="@/assets/icons-test/person-icon.svg" alt="test-ico">
         </div>
         <div class="header__card--auth">
-          <h2>discord</h2>
+          <div class="auth__card--content">
+            <a href="#"><span><img width="30" height="30" src="@/assets/icons-header/discord-icon.png"></span>Вход</a>
+          </div>
         </div>
       </div>
     </div>