       {
              text: 'Close',
              side: 'end',
              role: 'cancel',
              handler: () => {
                console.log('close button clicked!');
              },
            },
          ],
        };
        await openToast(opts);
      }
    </script>

    <style>
      .my-custom-class {
        --border-radius: 20px;
        --border-width: 5px;
        --border-style: double;
        --border-color: yellow;
        --background: lightyellow;
        --button-color: bl