$card-padding: $spacing-md !default;
$card-bg: $light !default;
$card-footer-bg: $light-gray-3 !default;
$card-border: none !default;
$card-box-shadow: $box-shadow-sm !default;

.card {
  overflow: hidden;
  display: block;
  background: $card-bg;
  box-shadow: $card-box-shadow;
  border: none;
  border-radius: $border-radius;

  + .card {
    margin-top: $spacing-lg;
  }

  .card-header {
    padding: $card-padding $card-padding 0;
    display: block;
    display:flex;
    justify-content: space-between;

    h1,h2,h3,h4,h5,h6 {
      margin-bottom: 0;
    }

    .skeleton__text {
      width: 6rem;
    }

    .btn--plain {
      padding: $spacing-3xs;
      min-height: $spacing-md;
    }
  }

  .card-section {
    padding: $card-padding;
    display: block;
    height: 100%;
  }

  .card-footer {
    display:flex;
    justify-content:flex-end;
    padding: $card-padding;
    background: $card-footer-bg;
  }
}

.row.row-deck [class*='col-'] .card {
  flex: 1 1 auto;
}