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

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

.card-content-ionic {
  @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;

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

ion-card-header + .card-content-ionic {
  padding-top: 0;
}