.news {
  .card {
    height: 300px;
    @include media-breakpoint-up(md) {
      height: 250px;
    }
    @include media-breakpoint-up(xl) {
      height: 100%;
    }

    .gradient-overlay-left:before {
      background: transparent
        linear-gradient(180deg, #00000000 0%, #000000b2 100%) 0% 0% no-repeat
        padding-box;
    }

    .figure {
      border-radius: 16px;
    }
    .content {
      color: $white;
      justify-content: space-between;
      .title h3 {
        color: $white;

        span {
          font-family: "Luckiest Guy", sans-serif !important;
        }
      }

      .subtitle {
        text-align: right;
        margin-right: 1rem;
        @include media-breakpoint-up(lg) {
          text-align: left;
        }
      }
      .btn-inn {
        flex-basis: content;

        .btn {
          padding: 0px;
          margin: 0rem 1rem;
        }
      }
    }
  }
}