fix: use new padding and gap base style properties in various components (#9939)

Author: jouni

packages/card/src/styles/vaadin-card-base-styles.js

@@ -10,12 +10,12 @@ export const cardStyles = css`
   :host {
     --_content: 0;
     --_footer: 0;
-    --_gap: var(--vaadin-card-gap, var(--vaadin-gap-s));
+    --_gap: var(--vaadin-card-gap, var(--vaadin-gap-m));
     --_header: max(var(--_header-prefix), var(--_title), var(--_subtitle), var(--_header-suffix));
     --_header-prefix: 0;
     --_header-suffix: 0;
     --_media: 0;
-    --_padding: var(--vaadin-card-padding, var(--vaadin-padding-s));
+    --_padding: var(--vaadin-card-padding, var(--vaadin-padding-m));
     --_subtitle: 0;
     --_title: 0;
     background: var(--vaadin-card-background, var(--vaadin-background-container));