.campaign-article {
  @extend %flexbox-column;
  background-color: $color-white;
  align-items: center;
  padding: $margin-double $margin-enterprise;
  border-radius: $border-radius-normal;

  &:not(:last-child) {
    margin: 0 0 $margin-half;
  }

  .pictogram-seal {
    display: none;
  }

  @include breakpoint(sm) {
    flex-direction: row;
    align-items: flex-start;
    padding: $margin-double;

    .pictogram-seal {
      display: inline;
    }
  }

  @include breakpoint(lg) {
    margin: $margin-normal;
  }

  .illustration {
    margin-bottom: $margin-double;

    @include breakpoint(sm) {
      margin-right: $margin-double;
      margin-bottom: 0;
    }

    img {
      vertical-align: bottom;
    }
  }

  .climate {
    width: 96px;
    height: 96px;
  }

  .travelife {
    width: 166px;
    height: 96px;
  }

  .text {
    flex-grow: 1;
    align-items: center;
    text-align: center;

    @include breakpoint(sm) {
      align-items: flex-start;
      text-align: left;
    }
  }

  .campaign-link {
    @extend %flexbox-row;
    @include font-size(14);
    justify-content: center;
    align-items: center;
    font-weight: bold;
    padding: $margin-quarter 0;

    &.first {
      margin-top: $margin-normal;
    }

    @include breakpoint(sm) {
      justify-content: flex-start;
      font-size: inherit;
    }
  }

  .right {
    margin-left: $margin-half;
  }

  .tui-text-content {
    @include font-size(16);
    max-width: 840px;

    @include breakpoint(sm) {
      font-size: inherit;
    }
  }
}

.hotel-cards-list {
  .partner-logo {
    position: absolute;
    top: $margin-normal;
    right: $margin-normal;
    z-index: 3;

    img {
      height: 60px;
      width: 60px;
    }
  }
}