.typewriter-wrapper{align-items:center;display:flex}.cursor{margin-left:2px;animation:.8s infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}
.sparkle-button{--transition:.25s;--spark:1.8s;--cut:.1em;--active:0;background:radial-gradient(40% 50% at center 100%, hsl(270 calc(var(--active) * 97%) 72% / var(--active)), transparent), radial-gradient(80% 100% at center 120%, hsl(260 calc(var(--active) * 97%) 70% / var(--active)), transparent), hsl(260 calc(var(--active) * 97%) calc((var(--active) * 30%) + 12%));cursor:pointer;color:#fff;box-shadow:0 0 2em rgba(140, 0, 255, calc(var(--active) * .5)), 0 0 4em rgba(140, 0, 255, calc(var(--active) * .2));border:0;border-radius:.9rem;padding:.9em 1.3em;font-size:1rem;font-weight:600;transition:all .25s;position:relative}.sparkle-button:hover{--active:1;transform:scale(1.05)}.reverse-sparkle-button{--transition:.25s;--spark:1.8s;--cut:.1em;--active:1;cursor:pointer;color:#fff;transition:background var(--transition), transform var(--transition), box-shadow var(--transition), color var(--transition);background:radial-gradient(40% 50% at 50% 100%,#b872fd,#0000),radial-gradient(80% 100% at 50% 120%,#9a68fd,#0000),#340396;border:0;border-radius:.9rem;padding:.9em 1.3em;font-size:1rem;font-weight:600;position:relative;box-shadow:0 0 2em #8c00ff80,0 0 4em #8c00ff33}.reverse-sparkle-button:hover{color:#fff;box-shadow:none;background:#1f1f1f;transform:scale(1.05)}