<div class="toast toast-dir-bottom">
                    <div class="toast-body">

                        Hello, world! This is a toast message.

                        <i class="fas fa-times toast-bottom-close-btn"></i>

                    </div>
                </div>
            </div>
            <div class="toast toast-dir-top">
                <div class="toast-header">
                    <div class="text-xl">Plan it</div>
                    <div><span class="color-text-grey">11 mins ago</span><i
                            class="fas fa-times mx-1 toast-top-close-btn"></i>
                    </div>
                </div>
                <div class="p-1">
                    Hello, world! This is a toast message.
                </div>
            </div>