.btn-burst-layer{position:absolute;inset:0;pointer-events:none;overflow:visible;z-index:50}.btn-particle,.btn-point{display:block;opacity:0;width:14px;height:14px;border-radius:100%;transform-origin:center;position:absolute;top:50%;left:50%;pointer-events:none}.btn-particle{animation:btn-particle-move calc(var(--time)) ease 1}.btn-point{background:var(--color);opacity:1;box-shadow:0 0 8px var(--color);animation:btn-point-scale calc(var(--time)) ease 1}@keyframes btn-particle-move{0%{transform:rotate(0deg) translate(var(--start-x),var(--start-y));opacity:1}70%{transform:rotate(calc(var(--rotate) * .5)) translate(calc(var(--end-x) * 1.2),calc(var(--end-y) * 1.2));opacity:1}to{transform:rotate(calc(var(--rotate) * 1.2)) translate(calc(var(--end-x) * .5),calc(var(--end-y) * .5));opacity:0}}@keyframes btn-point-scale{0%{transform:scale(0);opacity:0}38%{opacity:1}65%{transform:scale(var(--scale));opacity:1}to{transform:scale(0);opacity:0}}:root{--btn-color-1:#00d4ff;--btn-color-2:#38bdf8;--btn-color-3:#7dd3fc;--btn-color-4:#fff}