From 91ee9e175bd66e5ff9f45581d3ae54900f3dd1d1 Mon Sep 17 00:00:00 2001
From: Sangeetha Babu <58620134+sangeethababu9223@users.noreply.github.com>
Date: Tue, 12 Dec 2023 12:17:53 +0530
Subject: [PATCH] feat(ibmdotcom styles): remove react classes from content
 group cards

---
 .../content-group-cards/_content-group-cards.scss        | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/packages/styles/scss/components/content-group-cards/_content-group-cards.scss b/packages/styles/scss/components/content-group-cards/_content-group-cards.scss
index 91934e16aad..32bc552e72e 100644
--- a/packages/styles/scss/components/content-group-cards/_content-group-cards.scss
+++ b/packages/styles/scss/components/content-group-cards/_content-group-cards.scss
@@ -22,10 +22,8 @@
 }
 
 @mixin content-group-cards {
-  :host(#{$c4d-prefix}-content-group-cards),
-  .#{$prefix}--content-group-cards {
-    ::slotted([slot='copy']),
-    .#{$prefix}--content-group__copy {
+  :host(#{$c4d-prefix}-content-group-cards) {
+    ::slotted([slot='copy']) {
       margin-bottom: $spacing-09;
 
       @include breakpoint(md) {
@@ -48,8 +46,7 @@
     }
   }
 
-  :host(#{$c4d-prefix}-content-group-cards-item),
-  .#{$prefix}--content-group-cards-item__col {
+  :host(#{$c4d-prefix}-content-group-cards-item) {
     margin-top: list.slash($grid-gutter, 2);
     margin-bottom: list.slash($grid-gutter, 2);
     padding-left: list.slash($grid-gutter, 2);