Check Success Button

1<script>
2  let done = false;
3  function go() {
4    done = true;
5    setTimeout(() => (done = false), 1800);
6  }
7</script>
8
9<button on:click={go} class:done>
10  {#if done}
11    <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"><path d="M20 6 9 17l-5-5"/></svg>
12    Bestätigt
13  {:else}
14    Bestätigen
15  {/if}
16</button>
17
18<style>
19  button{display:inline-flex;align-items:center;gap:9px;min-width:150px;justify-content:center;padding:13px 26px;border:0;
20    border-radius:14px;background:linear-gradient(135deg,#8b5cf6,#d946ef);color:#fff;font:600 15px system-ui;cursor:pointer;transition:background .3s}
21  button.done{background:#10b981}
22  svg{animation:draw .4s ease}
23  @keyframes draw{from{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}
24</style>