diff --git a/css/style.css b/css/style.css
index 8305f2d..fa64050 100644
--- a/css/style.css
+++ b/css/style.css
@@ -247,6 +247,8 @@ main {
 }
 .card .more {
   text-decoration: underline;
+  display: inline;
+  color: rgb(30, 93, 189);
 }
 .card .themes {
   margin: 5px 0;
diff --git a/script.js b/script.js
index 0580bdf..16b9a0f 100644
--- a/script.js
+++ b/script.js
@@ -145,7 +145,9 @@ cardsToShow.forEach((card, index) => {
     </ul>
     <p class="card__title">${card.title}</p>
     <p class="card__describe">
-      ${card.describe} <a href="about.html" value=${index} class="more">См. подробнее...</a>
+      ${
+        card.describe
+      } <button value=${index} class="more">См. подробнее...</button>
     </p>
     <div class="card-inf">
       <p class="card-inf__item time">${card.time}</p>
@@ -154,11 +156,14 @@ cardsToShow.forEach((card, index) => {
     <button value=${index} class="subscribe">Записаться</button>
   `;
 
-  subscribe = document.querySelectorAll(".subscribe");
-
   document.querySelector(".cards").append(div);
 });
 
+subscribe = [
+  ...document.querySelectorAll(".subscribe"),
+  ...document.querySelectorAll(".more"),
+];
+
 subscribe.forEach((el) => {
   el.addEventListener("click", () => {
     console.log(el.value);
diff --git a/style.scss b/style.scss
index 5270a0f..a952891 100644
--- a/style.scss
+++ b/style.scss
@@ -257,6 +257,8 @@ main {
 
   .more {
     text-decoration: underline;
+    display: inline;
+    color: rgb(30, 93, 189);
   }
 
   .themes {