#tooltip{position:fixed;background:linear-gradient(135deg,#4a2d7f,#2e1747);color:#fff;padding:8px 12px;border-radius:8px;font-size:13px;font-weight:500;white-space:nowrap;opacity:0;pointer-events:none;transform:translateY(-5px);transition:opacity 0.25s ease,transform 0.25s ease;box-shadow:0 4px 12px rgb(0 0 0 / .25),0 0 8px rgb(138 43 226 / .6);border:1px solid rgb(255 255 255 / .1);backdrop-filter:blur(4px);z-index:99999}#tooltip.show{opacity:1;transform:translateY(0)}.tg-button{overflow:hidden;font-family:inherit;font-size:20px;background:royalblue;color:#fff;padding:.7em 1em;padding-left:.9em;display:flex;align-items:center;border:none;border-radius:16px;transition:all 0.2s;cursor:pointer;position:relative}.tg-button span{display:block;margin-left:.3em;transition:all 0.5s ease-in-out}.tg-button svg{display:block;transform-origin:center center;transition:transform 0.5s ease-in-out}.tg-button:hover .svg-wrapper{animation:fly-1 0.6s ease-in-out infinite alternate}.tg-button:hover svg{transform:translateX(2em) rotate(45deg) scale(1.1)}.tg-button:hover span{transform:translateX(14em)}.tg-button:active{transform:scale(.95)}.tg-button::after{content:attr(data-tooltip);position:absolute;bottom:120%;left:50%;transform:translateX(-50%);background:#333;color:#fff;padding:6px 10px;border-radius:6px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity 0.2s}.tg-button:hover::after{opacity:1}@keyframes fly-1{from{transform:translateY(.1em)}to{transform:translateY(-.1em)}}@media (max-width:768px){#tooltip{white-space:normal;word-break:break-word;max-width:200px}.tg-button{font-size:14px;padding:.7em .9em;border-radius:16px}.tg-button:hover svg{transform:translateX(2.5em) rotate(45deg) scale(1.05)}.tg-button:hover span{transform:translateX(10em)}}@media (max-width:480px){.tg-button{font-size:20px;padding:1em 1.1em;border-radius:18px}.tg-button:hover svg{transform:translateX(2.5em) rotate(45deg) scale(1.1)}.tg-button:hover span{transform:translateX(10em)}}