modal.component.html

<div
  class="modal"
  [ngClass]="className"
  [class.modal--open]="(toggleModal | async) === modalName"
>
  <div class="modal__overlay" (click)="closeModal()"></div>
  <div class="modal__container">
    <div class="modal__body">
      <button
        class="close-button modal__close js-modal-close"
        type="button"
        (click)="closeModal()"
      >
        <span class="close-button__line"></span>
        <span class="close-button__line"></span>
      </button>

      <div class="modal__content">
        <header class="modal__header">
          <h1 class="modal__title">{{ title }}</h1>
          <p class="lead modal__lead">{{ subHeading }}</p>
        </header>
        <ng-content></ng-content>
      </div>
    </div>
  </div>
</div>