.animated-button[data-v-4c513aae]{align-items:center;border:1px solid transparent;border-radius:9999px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.75rem;justify-content:center;min-height:2.5rem;overflow:hidden;padding:.5rem 1rem;position:relative;transition:all .4s ease}.animated-button:hover .icon-circle[data-v-4c513aae]{transform:scale(1.15)}.animated-button:not(:hover) .icon-circle[data-v-4c513aae]{transform:scale(1)}.animated-button .button-icon[data-v-4c513aae],.animated-button .button-label[data-v-4c513aae]{position:relative;white-space:nowrap;z-index:2}.animated-button .icon-circle[data-v-4c513aae]{align-items:center;background-color:#fff;border-radius:9999px;display:flex;flex-shrink:0;height:2rem;justify-content:center;position:relative;transition:background-color .3s ease,transform .3s ease .2s;width:2rem;z-index:2}.animated-button .icon-circle svg[data-v-4c513aae]{height:1.125rem;transition:fill .3s ease,transform .3s ease .2s;width:1.125rem}.animated-button .icon-circle svg path[data-v-4c513aae]{transition:fill .3s ease}.animated-button[data-v-4c513aae]:before{border-radius:9999px;content:"";top:0;right:0;bottom:0;left:0;position:absolute;transform:scaleX(0);transform-origin:right center;transition:transform .4s ease-in-out;z-index:0}.animated-button.default[data-v-4c513aae]{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.animated-button.default[data-v-4c513aae]:before{background-color:#fff}.animated-button.default[data-v-4c513aae]:hover{color:#000}.animated-button.default:hover .icon-circle svg path[data-v-4c513aae]{fill:#000}.animated-button.inverse[data-v-4c513aae]{background-color:#fff;border:none;color:#7e49ff}.animated-button.inverse .icon-circle[data-v-4c513aae]{background-color:var(--color-primary)}.animated-button.inverse .icon-circle svg path[data-v-4c513aae]{fill:#fff}.animated-button.inverse[data-v-4c513aae]:before{background-color:var(--color-primary)}.animated-button.inverse[data-v-4c513aae]:hover{color:#fff}.animated-button.inverse:hover .icon-circle[data-v-4c513aae]{background-color:#fff}.animated-button.inverse:hover .icon-circle svg path[data-v-4c513aae]{fill:var(--color-primary)}.animated-button[data-v-4c513aae]:hover:before{transform:scaleX(1);transform-origin:right center}