@use "../../foundations/helpers/forward.helpers.scss" as *;

.ds-teaser-footer--informationText {
  margin-top: ds-spacing($ds-s-050);
}

.ds-teaser__text + .ds-teaser-footer--informationText {
  margin-top: ds-spacing($ds-s-075);
}

.ds-teaser-footer__notes {
  display: block;
  @include ds-typography($ds-typography-functional-meta-md) {
    color: $ds-color-text-primary-subtle;
  }
}

.ds-teaser-footer--podcast {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: ds-spacing($ds-s-050);

  .ds-teaser-footer__title {
    @include ds-typography($ds-typography-functional-body-sm, $fontWeight: $ds-fontweight-semibold) {
      color: $ds-color-text-primary;
    }
  }

  .ds-teaser-footer__notes {
    margin: 0;
  }

  .ds-icon {
    height: ds-px-to-rem(24px);
    width: ds-px-to-rem(24px);
    margin-right: ds-spacing($ds-s-075);
    background-color: $ds-color-surface-primaryinvert;
    border-radius: 50%;

    > svg {
      fill: $ds-color-text-primaryinvert;
    }
  }
}
