.floating-helper-content {
  display: flex;
  flex-direction: row;

  &#{&}--direction-vertical {
    flex-direction: column-reverse;
  }

  &--has-body &__title {
    margin-bottom: 6px;
  }

  & &__action {
    margin-top: var(--wds-floating-helper-main-action-padding-top, var(--wds-space-300, 18px));
  }

  & &__image {
    display: flex;

    &--direction-horizontal {
      margin-left: 18px;
    }

    &--direction-vertical {
      margin-bottom: 24px;
    }
  }

  & &__footer {
    margin-top: 12px;
    display: flex;
  }
}