:root{--button-bg-color: linear-gradient( to right, #f76680, #500096c9 );--button-text-color: #f0f0f0;--button-dark-color: #1a202c;--transition-duration: .5s;--icon-size: 35px;--text-move-distance: 35px;--color-change-delay: 1.3s;--color-change-duration: .1s;--icon-extra-shift: 55px}.animated-button-container.svelte-1efmyjn{background-image:var(--button-bg-color);border-radius:30px;padding:10px 25px;cursor:pointer;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #0003;position:relative;z-index:1;transition:box-shadow var(--transition-duration) ease}.animated-button-container.svelte-1efmyjn:after{content:"";position:absolute;top:0;left:0;width:0;height:100%;background-color:#fff;z-index:-1;border-radius:30px;transition:width var(--transition-duration) ease}.button-content.svelte-1efmyjn{display:flex;align-items:center;color:var(--button-text-color);width:auto;position:relative;transition:color var(--transition-duration) ease}.button-icon.svelte-1efmyjn{background-color:#fff;border-radius:50%;width:var(--icon-size);height:var(--icon-size);min-width:var(--icon-size);display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#f76680;z-index:2;position:relative;overflow:hidden;margin-left:calc(var(--icon-size) / -4);transition:transform var(--transition-duration) ease;transform:translate(0) rotate(0)}.button-icon.svelte-1efmyjn:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background-image:var(--button-bg-color);z-index:-1;border-radius:50%;transition:width .5s ease}.button-text.svelte-1efmyjn{font-size:1.25rem;font-weight:500;white-space:nowrap;padding-left:10px;transform:translate(0);transition:transform var(--transition-duration) ease}.animated-button-container.svelte-1efmyjn:hover:after,.animated-button-container.svelte-1efmyjn:hover .button-icon:where(.svelte-1efmyjn):before{width:100%}.animated-button-container.svelte-1efmyjn:hover{box-shadow:0 6px 20px #0006}.animated-button-container.svelte-1efmyjn:hover .button-content:where(.svelte-1efmyjn){color:#fff}.animated-button-container.svelte-1efmyjn:hover .button-text:where(.svelte-1efmyjn){transform:translate(calc(var(--text-move-distance) * -1));background-image:var(--button-bg-color);-webkit-background-clip:text;background-clip:text;color:transparent}.animated-button-container.svelte-1efmyjn:hover .button-icon:where(.svelte-1efmyjn){transform:translate(calc(100% + var(--text-move-distance) + var(--icon-extra-shift))) rotate(-50deg);color:#fff}