From e521820a2c94fcebff154982b4baa60da1639903 Mon Sep 17 00:00:00 2001
From: ops-bot <ops@relevantmediaproperties.com>
Date: Thu, 4 Jun 2026 13:54:43 +0000
Subject: [PATCH] =?UTF-8?q?ui(featured):=20make=20'All=20featured'=20CTA?=
 =?UTF-8?q?=20prominent=20=E2=80=94=20pill=20button=20instead=20of=20text?=
 =?UTF-8?q?=20link?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Was 11px mono with no background; now a navy outlined pill with uppercase
bold tracking, light-blue fill, and hover state. Same target route.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 src/components/FeaturedBentoFromDb.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/FeaturedBentoFromDb.tsx b/src/components/FeaturedBentoFromDb.tsx
index 79691b2..08f3e6f 100644
--- a/src/components/FeaturedBentoFromDb.tsx
+++ b/src/components/FeaturedBentoFromDb.tsx
@@ -73,7 +73,7 @@ export default async function FeaturedBento() {
       <div className="flex items-center gap-3 mb-4 md:mb-5 flex-wrap">
         <span className="section-label">Featured Editorial</span>
         <div className="flex-1 h-px bg-[#DCE6F2]" />
-        <Link href="/news/featured" className="text-[11px] font-mono text-[var(--color-text-info,#60a5fa)] hover:underline whitespace-nowrap">
+        <Link href="/news/featured" className="text-sm md:text-base font-mono font-bold uppercase tracking-wider text-[#1D4ED8] hover:text-[#1E3A8A] hover:underline whitespace-nowrap bg-[#EFF6FF] border border-[#1D4ED8]/30 px-3 py-1.5 rounded-sm transition-colors">
           All featured →
         </Link>
       </div>