.teaser-downloads,
.teaser-investor {
  @apply
    duration-200
    transition-all
    hover:opacity-50;

  &.image {
    h2 {
      @extend .has-base-font-size;
      @apply
        mt-3;
    }

    .description,
    .size {
      @extend .has-xs-font-size;
      @apply
        font-mono;
    }
  }

  .category {
    @apply
      mb-0
      md:mb-3;
  }

  .without-link {
    @apply
      block
      opacity-50;
  }

  &.long,
  &.search,
  &.short {
    @apply
      flex
      h-full
      flex-col;

    header {
      @apply
        flex
        flex-col
        h-full
        justify-between;
    }

    .size,
    .category {
      @extend .has-xs-font-size;
      @apply
        font-mono;
    }

    .category {
      @apply
        pb-1;
    }

    .download {
      @apply
        flex
        border-b
        items-end
        pb-3.5
        border-primary-100
        justify-between;

      p {
        @extend .has-xs-font-size;
        @apply
          font-mono;
      }

      svg {
        @apply
          w-5
          h-auto;
      }
    }

    h2 {
      @extend .has-lg-responsive-font-size;
    }

    .description {
      @extend .has-xs-font-size;
      @apply
        font-mono
        pb-4
        pt-3;
    }
  }

  &.search {
    header {
      h2 {
        @extend .has-base-font-size;
      }

      .category {
        @apply
          text-xxs
          text-primary-250
          mb-3;
      }
    }
  }

  &.short {
    header {
      @apply
        flex-row
        md:items-center
        border-b
        border-primary-100
        pb-2.5
        md:pb-4;
    }

    .arrow {
      @apply
        mt-6
        md:mt-0;
    }

    h2 {
      @apply
        mt-0
        mb-3;
    }
  }
}
