From f4fef6980c7623a2422db04f1a81f9a9cae44367 Mon Sep 17 00:00:00 2001
From: Yuta Takahashi <m1205123ing@gmail.com>
Date: Sat, 1 Jun 2024 21:47:36 +0900
Subject: [PATCH] =?UTF-8?q?=E3=83=AA=E3=83=B3=E3=82=AF=E8=BF=BD=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 design/TechGuide/css/output.css      | 16 ++++++++++++++++
 design/TechGuide/css/tailwindcss.css |  3 +++
 design/TechGuide/index.html          |  6 ++++--
 3 files changed, 23 insertions(+), 2 deletions(-)

diff --git a/design/TechGuide/css/output.css b/design/TechGuide/css/output.css
index 1ea36cf..8a51f00 100644
--- a/design/TechGuide/css/output.css
+++ b/design/TechGuide/css/output.css
@@ -2365,6 +2365,22 @@ h3.subtitle {
   --tw-text-opacity: 1;
   color: rgb(239 68 68 / var(--tw-text-opacity));
 }
+.btn-link {
+  display: inline-block;
+  border-radius: 0.25rem;
+  --tw-bg-opacity: 1;
+  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
+  padding-left: 1rem;
+  padding-right: 1rem;
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+.btn-link:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(29 78 216 / var(--tw-bg-opacity));
+}
 @media (min-width: 640px) {
 
   .sm\:container {
diff --git a/design/TechGuide/css/tailwindcss.css b/design/TechGuide/css/tailwindcss.css
index e120dfa..50fd0e7 100644
--- a/design/TechGuide/css/tailwindcss.css
+++ b/design/TechGuide/css/tailwindcss.css
@@ -19,4 +19,7 @@ h1#thought_title {
 }
 h3.subtitle {
     @apply text-2xl text-red-500 pb-3;
+}
+.btn-link {
+    @apply inline-block px-4 py-2 text-white bg-blue-500 rounded hover:bg-blue-700;
 }
\ No newline at end of file
diff --git a/design/TechGuide/index.html b/design/TechGuide/index.html
index 0e64613..bafabbd 100644
--- a/design/TechGuide/index.html
+++ b/design/TechGuide/index.html
@@ -264,7 +264,8 @@ <h3 class="contents_title2 subtitle"><a href="https://love.techguide.jp/line" ta
 											</ul>
 											パソコンに向かってばかりいてコミュニケーションが苦手になってしまったり、仕事が忙しくて出逢いが無い、などエンジニアの方々にも多い悩みです。<br>
 											恋愛がうまくいかないと仕事にも影響が出てしまいます。<br>
-											仕事でさらに活躍するためにも恋愛の悩みを解決しませんか？<br>
+											仕事でさらに活躍するためにも恋愛の悩みを解決しませんか？<br><br>
+											<a href="https://love.techguide.jp/line" target="_blank" class="btn-link">詳細を見る</a>
 										</div>
 										<p class="img"><a href="https://love.techguide.jp/line" target="_blank">
 											<img src="images/love.jpg" alt="恋愛コンサル画像"></a></p>
@@ -282,7 +283,8 @@ <h3 class="subtitle"><a href="https://www.koi-tre.com/" target="_blank">【Koi-T
 											生成AIを使った恋愛力アップツールです。<br>
 											コミュニケーションを改善するためのツールとして、恋愛に限らずビジネスにも活用できます。<br>
 											あなたのセリフに対してAIが採点し、改善点を提案してくれます。<br>
-											恋愛に自信がない方、コミュニケーションが苦手な方、ビジネスでのプレゼンテーションが苦手な方におすすめです。<br>
+											恋愛に自信がない方、コミュニケーションが苦手な方、ビジネスでのプレゼンテーションが苦手な方におすすめです。<br><br>
+											<a href="https://www.koi-tre.com/" target="_blank"  class="btn-link">詳細を見る</a>
 										</div>
 										<p class="img"><a href="https://www.koi-tre.com/" target="_blank">
 											<img src="images/koitre.png" alt="Koi-Tre"></a></p>