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

.ds-teaser.ds-teaser--right-now {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: ds-spacing($ds-s-100);

  .ds-teaser__title {
    @include ds-typography($ds-typography-expressive-heading-xxs);
  }

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