.banner-2 {
  border: solid 1px $gray;
  text-align: center;
  padding: 103px 20px 20px;
  min-height: 364px;

  @include media-breakpoint-down(md) {
    padding: 50px 20px 20px;
    min-height: 260px;
  }

  @include media-breakpoint-down(sm) {
    padding: 81px 20px 20px;
    min-height: 309px;
  }

  &__title {
    @include media-breakpoint-down(sm) {
      font-size: 1.5rem;
    }
  }

  &__content {
    margin: 25px 0 36px;

    @include media-breakpoint-down(md) {
      margin: 18px 0 22px;
    }

    @include media-breakpoint-down(sm) {
      margin: 27px 0;
    }
  }

  &__action {
    @include button-full;

    @include media-breakpoint-only(md) {
      font-size: .75rem;
      line-height: 1.17;
    }
  }
}
