  id="custom-class-toast"
          onclick="openToast({message: 'click to close', buttons: ['Close'], cssClass: 'my-custom-class'})"
        >
          Custom Class
        </button>

        <button
          class="expand"
          id="toast-start-and-end"
          onclick="openToast({message: 'click to close', buttons: ['Close'], cssClass: 'toast-start-and-end'})"
        >
          Show Toast with start-end position
        </button>

        <button
          class="expand"
          id="toast-htm