:root{--transition:0.25s;--spark:2.5s}.spark-button{overflow:hidden;position:relative}.spark__container{pointer-events:none;z-index:1}.spark,.spark__container{border-radius:inherit;inset:0;position:absolute}.spark{animation:flip calc(var(--spark)*2) steps(2) infinite;-webkit-mask:linear-gradient(#fff,#0000 50%);mask:linear-gradient(#fff,#0000 50%);overflow:hidden}@keyframes flip{to{rotate:1turn}}.spark:before{animation:rotate var(--spark) linear infinite both;aspect-ratio:1;background:conic-gradient(from 0deg,#0000 0 270deg,#fff 1turn);content:"";inset:0 auto auto 50%;opacity:1;position:absolute;transform:rotate(-90deg);transition:opacity .25s;translate:-50% -15%;width:220%;z-index:-1}@keyframes rotate{to{transform:rotate(90deg)}}.spark:after{content:""}.backdrop,.spark:after{border-radius:inherit;inset:.1em;position:absolute}.backdrop{background:inherit;opacity:.92;pointer-events:none;z-index:2}.text{align-items:center;display:inline-flex;gap:.5em;position:relative;z-index:3}.spark-button:focus-visible,.spark-button:hover{--active:1}