fix(card): update card-content-padding to match UI kits (#14845)

Author: didimmova

projects/igniteui-angular/src/lib/core/styles/components/card/_card-theme.scss

@@ -115,7 +115,7 @@
     $not-material-theme: $variant != 'material';
 
     $card-heading-padding: rem(16px, 16px);
-    $card-content-padding: rem(14px);
+    $card-content-padding: rem(16px);
     $card-actions-padding: rem(8px);
 
     $card-tgroup-margin: 0 em(16px);
@@ -169,6 +169,10 @@
             display: block;
             padding: 0;
         }
+
+        @if $variant == 'fluent' {
+            padding: rem(16px) rem(8px);
+        }
     }
 
     %igx-card-header--vertical {
@@ -278,6 +282,19 @@
         }
     }
 
+    @if $variant == 'bootstrap' {
+        %igx-card-content {
+            @if $variant == 'bootstrap' {
+                padding-block: rem(16px) rem(24px);
+                padding-inline: rem(24px);
+            }
+        }
+
+        %igx-card-actions {
+            padding: rem(16px);
+        }
+    }
+
     @if $variant == 'indigo' {
         %igx-card-content,
         %igx-card-actions {