.panel {
  @include box-shadow($default-box-shadow);

  margin-bottom: $margin-m;

  &.panel-default {
    border-color: $default-border-color;
  }

  > .panel-heading {

    padding: 0 $margin-m;
    border-bottom: 0;

    display: flex;
    align-items: center;

    h3 {
      @extend %h3;
    }

    h4 {
      @extend %h4;
    }

    .panel-title {
      flex-grow: 1;

      padding-top: 12px;
      padding-bottom: 12px;
    }

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

  > .panel-body {
    padding: $margin-m;

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