From f8a5913600274a7341db3072a12c452b74da2fbd Mon Sep 17 00:00:00 2001
From: Sebin Nyshkim <sebin.nyshkim@icloud.com>
Date: Tue, 15 Oct 2024 04:43:28 +0200
Subject: [PATCH] fix: :lipstick: prevent link styles from applying to buttons

---
 src/css/modules/buttons.css | 2 +-
 src/css/style.css           | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/css/modules/buttons.css b/src/css/modules/buttons.css
index 039770a..ad6d615 100644
--- a/src/css/modules/buttons.css
+++ b/src/css/modules/buttons.css
@@ -1,3 +1,3 @@
 .read-more-button {
-  @apply inline-flex items-center gap-2 rounded-xl bg-sky-600 px-5 py-2 text-lg font-bold text-white no-underline hover:bg-sky-700;
+  @apply inline-flex items-center gap-2 rounded-xl bg-sky-600 px-5 py-2 text-lg font-bold text-white no-underline transition-colors duration-300 hover:bg-sky-700;
 }
diff --git a/src/css/style.css b/src/css/style.css
index 0ddd28a..0e3b3bf 100644
--- a/src/css/style.css
+++ b/src/css/style.css
@@ -30,7 +30,7 @@ h6 {
   font-variation-settings: 'XROT' 0, 'YROT' 0;
 }
 
-a:not(.nav-link) {
+a:not(.nav-link, .read-more-button) {
   @apply text-inherit underline decoration-sky-600 decoration-2 underline-offset-4 transition-colors duration-300 hover:text-sky-600;
 }