From 9fe9221edcd83de66541faea917f97d5d90b852b Mon Sep 17 00:00:00 2001
From: Vamshi Reddy <vamshiproject02@gmail.com>
Date: Fri, 22 Sep 2023 23:45:32 +0530
Subject: [PATCH] resolved the hover effect

Signed-off-by: Vamshi Reddy <vamshiproject02@gmail.com>
---
 src/components/ScenarioCard/ScenarioCard.style.js | 11 +++++++++--
 src/components/ScenarioCard/index.js              |  2 +-
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/components/ScenarioCard/ScenarioCard.style.js b/src/components/ScenarioCard/ScenarioCard.style.js
index 78bd3b9b2deb..0314f6d04cd5 100644
--- a/src/components/ScenarioCard/ScenarioCard.style.js
+++ b/src/components/ScenarioCard/ScenarioCard.style.js
@@ -74,12 +74,19 @@ export const ScenarioCardWrapper = styled.div`
 	}
 
     .sub-content {
-        display:flex; 
+        display:flex;
+        color: white;
+        .ak {
+            color: ${props => props.theme.linkColor};
+            &:hover {
+                color: white;
+            }
+        } 
         justify-content:center; 
         margin-top:4rem;
         width:100%;
-        color: white;
     }
+    
 
 	.active {
 		display: blwock;
diff --git a/src/components/ScenarioCard/index.js b/src/components/ScenarioCard/index.js
index 65f2fd8484bf..f41fab59f943 100644
--- a/src/components/ScenarioCard/index.js
+++ b/src/components/ScenarioCard/index.js
@@ -59,7 +59,7 @@ const Card = ({ title, info, courseLink, link, cover, content, embed, subId, ID,
 
             <div className={content && subId === ID ? "active" : "text-contents"}>
               <div className="sub-content">
-              Sign into the&nbsp;<a href="https://playground.meshery.io">Meshery Playground</a>&nbsp;(free account) to continue your lab.
+              Sign into the&nbsp;<a className="ak" href="https://playground.meshery.io">Meshery Playground</a>&nbsp;(free account) to continue your lab.
                 {/*
                 <div id="katacoda-scenario"
                   data-katacoda-id={`${courseLink}/${embed}`}