From c75041325833e912dcfcd29d5467ec46a835d9cd Mon Sep 17 00:00:00 2001
From: Aleksandr <aleksandera9@gmail.com>
Date: Wed, 6 May 2026 14:49:54 +0300
Subject: [PATCH 1/2] YH-1899: add css selector in card component

---
 src/shared/ui/Card/Card.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/shared/ui/Card/Card.tsx b/src/shared/ui/Card/Card.tsx
index b03d5014..c0444a2c 100644
--- a/src/shared/ui/Card/Card.tsx
+++ b/src/shared/ui/Card/Card.tsx
@@ -16,6 +16,7 @@ export interface CardProps {
 	children?: ReactNode;
 	className?: string;
 	contentClassName?: string;
+	linkClassName?: string;
 	title?: string;
 	actionRoute?: string;
 	actionTitle?: string;
@@ -46,6 +47,7 @@ export const Card = ({
 	children,
 	className = '',
 	contentClassName = '',
+	linkClassName = '',
 	withShadow = false,
 	withOutsideShadow = false,
 	withBorder = false,
@@ -85,7 +87,7 @@ export const Card = ({
 						<Link
 							href={actionRoute}
 							{...actionOptions}
-							className={classNames(styles.link, styles[`link-${actionPositionX}`], {
+							className={classNames(styles.link, styles[`link-${actionPositionX}`], linkClassName, {
 								[styles['link-bottom']]: isActionPositionBottom,
 								[styles['link-disabled']]: actionDisabled,
 							})}

From 4c607bf585629d7c4ad900154996e797422b4796 Mon Sep 17 00:00:00 2001
From: Aleksandr <aleksandera9@gmail.com>
Date: Wed, 6 May 2026 14:53:33 +0300
Subject: [PATCH 2/2] YH-1899: fix community card link styles

---
 .../ui/CommunityCard/CommunityCard.module.css | 50 +++++++++++--------
 .../ui/CommunityCard/CommunityCard.tsx        |  1 +
 2 files changed, 31 insertions(+), 20 deletions(-)

diff --git a/src/widgets/Mentor/CommunitySection/ui/CommunityCard/CommunityCard.module.css b/src/widgets/Mentor/CommunitySection/ui/CommunityCard/CommunityCard.module.css
index 33772797..3882f97d 100644
--- a/src/widgets/Mentor/CommunitySection/ui/CommunityCard/CommunityCard.module.css
+++ b/src/widgets/Mentor/CommunitySection/ui/CommunityCard/CommunityCard.module.css
@@ -1,37 +1,47 @@
 .card {
-	gap: 0;
-	padding: 20px;
-	height: 361px;
+  gap: 0;
+  padding: 20px;
+  height: 361px;
 }
 
 .card-content {
-	height: 100%;
+  height: 100%;
 }
 
 .icon-wrapper {
-	flex-shrink: 0;
-	width: 29px;
-	height: 29px;
+  flex-shrink: 0;
+  width: 29px;
+  height: 29px;
 }
 
 .title {
-	margin-top: auto;
-	margin-bottom: 8px;
+  margin-top: auto;
+  margin-bottom: 8px;
 }
 
 @media (width < 1280px) {
-	.card {
-		height: 278px;
-	}
-	
-	h3.title {
-		font-size: var(--font-size-h-xs);
-	}
+  .card {
+    height: 278px;
+  }
+
+  h3.title {
+    font-size: var(--font-size-h-xs);
+  }
 }
 
 @media (width < 768px) {
-	.card {
-		padding: 10px;
-		height: 257px;
-	}
+  .card {
+    padding: 10px;
+    height: 257px;
+  }
+}
+
+@media (width <= 368px) {
+  .link {
+    left: 10px;
+  }
+
+  .link > p {
+    font-weight: 500;
+  }
 }
diff --git a/src/widgets/Mentor/CommunitySection/ui/CommunityCard/CommunityCard.tsx b/src/widgets/Mentor/CommunitySection/ui/CommunityCard/CommunityCard.tsx
index dec52bc5..25df2b23 100644
--- a/src/widgets/Mentor/CommunitySection/ui/CommunityCard/CommunityCard.tsx
+++ b/src/widgets/Mentor/CommunitySection/ui/CommunityCard/CommunityCard.tsx
@@ -16,6 +16,7 @@ export const CommunityCard = ({ title, description, linkText, linkUrl }: Communi
 		<Card
 			className={styles.card}
 			contentClassName={styles['card-content']}
+			linkClassName={styles['link']}
 			actionTitle={linkText}
 			actionRoute={linkUrl}
 			actionPositionX="start"