#23 Changes after CR

blocks/v2-cards/v2-cards.css

@@ -8,7 +8,7 @@ main .section.v2-cards-container .v2-cards-wrapper {
   gap: 24px;
   padding: 16px;
   justify-content: center;
-  max-width: 1040px;
+  max-width: var(--wrapper-width);
   margin: auto;
 }
 
@@ -30,8 +30,8 @@ main .section.v2-cards-container .v2-cards-wrapper {
 }
 
 .v2-cards__image {
-  background: #e9eaec;
-  height: 193px;
+  background: var(--c-tertiary-light-cool-gray);
+  aspect-ratio: 16/9;
   width: 100%;
   object-fit: cover;
 }
@@ -63,19 +63,15 @@ main .section.v2-cards-container .v2-cards-wrapper {
 
 .v2-cards__button-container .icon {
   stroke: currentcolor;
-  width: 1em;
-  height: 1em;
+  width: 16px;
+  height: 16px;
 }
 
 .v2-cards__button-container .icon svg {
   width: 1em;
   height: 1em;
 }
 
-.v2-cards__button-container .v2-cards__button:hover {
-  color: var(--c-secondary-steel);
-}
-
 @media (min-width: 744px) {
   .v2-cards {
     flex-flow: row wrap;
@@ -86,6 +82,5 @@ main .section.v2-cards-container .v2-cards-wrapper {
 
   .v2-cards__card-item {
     max-width: calc((100% - 32px) / 3);
-    min-width: 336px;
   }
 }

blocks/v2-cards/v2-cards.js

@@ -27,7 +27,7 @@ export default async function decorate(block) {
     el.classList.add(`${blockClass}__button-container`);
     [...el.querySelectorAll('a')].forEach((link) => {
       link.classList.add('standalone-link', `${blockClass}__button`);
-      link.classList.remove('button', 'primary');
+      link.classList.remove('button', 'button--primary');
     });
   });
 }

styles/styles.css

@@ -971,10 +971,13 @@ main .section.responsive-title h1 {
 }
 
 .redesign-v2 a.standalone-link:active,
-.redesign-v2 a.standalone-link:visited,
-.redesign-v2 a.standalone-link:hover {
-  background: transparent;
-  color: var(--c-cta-blue-active);
+.redesign-v2 a.standalone-link:visited {
+  color: var(--c-primary-black);
+}
+
+.redesign-v2 a.standalone-link:hover,
+.redesign-v2 a.standalone-link:focus {
+  text-decoration: underline;
 }
 
 @media (min-width: 1040px) {