fix(VCardActions): update icon boundary when using v-btn in v-card-ac…

…tions

fixes #8042

packages/vuetify/src/components/VCard/VCard.sass

@@ -60,16 +60,31 @@
   display: flex
   padding: 8px
 
-  .v-btn.v-size--default
+  .v-btn.v-btn
     padding: 0 8px
 
-    + .v-btn
-      margin-left: 8px
+    // Buttons have reduced padding in card actions per spec
+    // and need to compensate the icon margins accordingly
+    +ltr()
+      + .v-btn
+        margin-left: 8px
 
-      +rtl()
-        margin-left: 0
+      .v-icon--left
+        margin-left: 4px
+
+      .v-icon--right
+        margin-right: 4px
+
+    +rtl()
+      + .v-btn
         margin-right: 8px
 
+      .v-icon--left
+        margin-right: 4px
+
+      .v-icon--right
+        margin-left: 4px
+
 // Modifier
 .v-card--flat
   +elevation(0)