.example-headers-align .mat-expansion-panel-header-title {
  @include fontSize($font-heading-xs);

  color: var(--color-brand-dark);
  font-weight: $font-weight-semibold;
  line-height: 32px;
  white-space: nowrap;
}

.mat-accordion {
  .mat-expansion-panel {
    padding: calc-rem(24 24 0 24);

    .mat-expansion-panel-header {
      padding: calc-rem(0 0 24 0);

      &:hover {
        background: unset !important;
      }
    }

    .mat-expansion-panel-body {
      padding: calc-rem(0 0 16 0);
    }
  }

  .mat-expansion-panel:not([class*=mat-elevation-z]) {
    box-shadow: $box-shadow-default;
    overflow: visible;
  }

}