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

.ds-teaser.ds-teaser--tipsa {
  .ds-teaser__content {
    padding: ds-spacing($ds-s-075 $ds-s-100 $ds-s-100);
  }

  .ds-teaser__title {
    @include ds-typography($ds-typography-detail-teaser-tipsa, $lineHeight: $ds-lineheight-md);
  }

  @include ds-hover(true) {
    .ds-teaser__title {
      @include ds-underline(2px, 2px);
    }
  }

  .ds-teaser__text {
    margin-top: ds-spacing($ds-s-050);
    @include ds-typography($ds-typography-functional-body-md);
  }
}
