.card-wrapper {
  @include media-breakpoint-up(md) {
    height: calc(100% - 20px);
  }
}

//card
.card {
  overflow: hidden;

  .card-img-top  {
    order: -1;

    img {
      width: 100%;
      object-fit: cover;
    }
  }

  .card-header {
    color: #D90C10;
    text-transform: uppercase;

    @include media-breakpoint-up(md) {
      font-size: rem-calc(14);
      font-weight: $font-weight-bolder;
      line-height: rem-calc(12);
      letter-spacing: rem-calc(5);
      padding: $padding-padding-xxlg $padding-padding-xxlg 0 $padding-padding-xxlg;
    }
  }

  .card-body {
    @include media-breakpoint-up(md) {
      padding: $padding-padding-md $padding-padding-xxlg $padding-padding-xxlg $padding-padding-xxlg;
    }

    .card-content {
      gap: 20px;
    }

    .card-title {
      color: var(--Text-Colors-text-primary, #2C2E30);

      @include media-breakpoint-up(md) {
        font-size: rem-calc(32);
        line-height: rem-calc(44);
        letter-spacing: rem-calc(-1);
      }
    }

    .field--name-field-provus-links {
      padding-top: $padding-padding-xxlg;

      .btn-default {
        &:active {
          box-shadow: 0 0 0 3px transparentize($color: $button-primary-background-hover, $amount: 0.5);
          background-color: $button-primary-background-hover;
          color: $button-primary-text-hover;
        }
      }
    }
  }
}
