From e955ff7d512c0617901b6e003e081131ab589e6b Mon Sep 17 00:00:00 2001
From: Josh Mills <61624970+jtmst@users.noreply.github.com>
Date: Thu, 9 May 2024 16:33:38 -0400
Subject: [PATCH] 17095 spotlight converted to card (#2076)

* spotlight converted to card

* padding and link
---
 .../vba_facilities/spotlight_content.liquid       | 15 +++++----------
 1 file changed, 5 insertions(+), 10 deletions(-)

diff --git a/src/site/includes/vba_facilities/spotlight_content.liquid b/src/site/includes/vba_facilities/spotlight_content.liquid
index c64ec34cac..1ae37bc542 100644
--- a/src/site/includes/vba_facilities/spotlight_content.liquid
+++ b/src/site/includes/vba_facilities/spotlight_content.liquid
@@ -1,7 +1,6 @@
-<div class="feature featured-content-list-item vads-u-flex--fill vads-u-padding-y--1p5 vads-u-padding-x--1p5 vads-u-margin-bottom--0 medium-screen:vads-u-margin-bottom--2">
+<va-card class="vads-u-flex--fill vads-u-margin-bottom--0 medium-screen:vads-u-margin-bottom--2">
     {% if entity.fieldSectionHeader != empty %}
-        <h3 class="force-small-header vads-u-margin-bottom--2">{{ entity.fieldSectionHeader }}</h3>
-        <hr class="featured-content-hr vads-u-margin-y--1p5 vads-u-border-color--primary">
+        <h3 class="vads-u-margin-top--0">{{ entity.fieldSectionHeader }}</h3>
     {% endif %}
     {% if entity.fieldDescription %}
         <div id="featured-content-description{{ entity.fieldSectionHeader }}}}">
@@ -9,11 +8,7 @@
         </div>
     {% endif %}
     {% if entity.fieldCta.entity.fieldButtonLink.url.path %}
-        <p class="vads-u-padding-top--1">
-            <va-link 
-                href="{{ entity.fieldCta.entity.fieldButtonLink.url.path }}" 
-                text="{{ entity.fieldCta.entity.fieldButtonLabel }}" 
-            ></va-link>
-        </p>
+        <va-link active href="{{ entity.fieldCta.entity.fieldButtonLink.url.path }}"  text="{{ entity.fieldCta.entity.fieldButtonLabel }}" ></va-link>
+
     {% endif %}
-</div>
+</va-card>