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

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

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

  &.long,
  &.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-250
        justify-between;

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

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

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

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