.card {
  @include box-shadow($container-box-shadow);
  border-color: $default-border-color;

  margin-bottom: $margin-m;


  > .card-header {
    align-items: center;
    background-color: $color-white;
    border-color: $default-border-color;
    display: flex;
    padding: 0 $margin-m;

    .card-title {
      flex-grow: 1;
      margin-bottom: 0;
      padding-bottom: 12px;
      padding-top: 12px;
    }

    .card-actions {
      flex-grow: 0;
    }
  }

  > .card-body,
  > .card-collapse > .card-body {
    padding: $margin-m;

    &:not(:first-child) {
      //   border-top: $default-border;
    }
  }

  > .card-body + .card-body {
    border-top: $default-border;
  }

  > .card-footer {
    background-color: inherit;
    padding: $margin-m;
  }
}