@use "./card-content.common.scss";
@use "../../themes/ionic/ionic.globals.scss" as globals;

// Ionic Card Content
// --------------------------------------------------

:host {
  @include globals.padding(globals.$ion-space-400);
  @include globals.typography(globals.$ion-body-md-regular);

  display: flex;

  flex-direction: column;

  gap: globals.$ion-space-400;
}

::slotted(img) {
  @include globals.margin(globals.$ion-space-200, 0, globals.$ion-space-200, 0);
}