@import "../../../style/var.less";
.plan-container {
  background-color: @white;
  padding-bottom: 20px;
  .card {
    position: relative;
    padding-bottom: 5px;
  }
  @{deep} .card {
    &-body {
      border-radius: @border-radius-md;
      background-color: @gray-1;
      padding: @padding-lg @padding-lg 54px @padding-lg;
      color: @black;
      font-size: @font-size-12;
      line-height: @line-height-sm + 2;
      margin-bottom: 0;
      p {
        margin-bottom: 8px;
        &:last-child {
          margin-bottom: 0;
        }
      }
      h4 {
        font-weight: bold;
        font-size: 14px;
        margin: 10px 0;
      }
    }
    &-footer {
      position: absolute;
      bottom: 25px;
      left: 40px;
    }
  }
  .has-table {
    @{deep} .card {
      &-body {
      padding-left: 0 !important;
      padding-right: 0 !important;
      background-color: #fff;
      }
    }
  }
  .no-url {
    @{deep} .card {
      &-body {
        padding: @padding-lg;
        margin-bottom: 0;
        
        strong {
          font-weight: @font-weight-bold;
        }
      }
      &-footer {
        bottom: 25px;
      }
    }
  }
  .no-desc {
    @{deep} .card {
      &-footer {
        bottom: 33px;
      }
    }
  }
}
