.button-inner[data-v-949ff504]{background:linear-gradient(to left,transparent 50%,var(--bg-color) 50%) 100%;background-size:201%;transition:.5s ease-out}.button-wrapper:hover .button-inner[data-v-949ff504]{background-position:0}@keyframes inner-start{0%{background:linear-gradient(to left,transparent 50%,var(--bg-color) 50%) 100%;background-size:201% 100%;transition:ease-out}to{background-position:0}}@keyframes inner-end{0%{background:linear-gradient(to left,transparent 50%,var(--bg-color) 50%) 0;background-size:201% 100%;transition:ease-out}to{background-position:100%}}@keyframes wrapper{0%{background:transparent}to{background:var(--default-gray-50-color)}}.animate .heroButton:first-child .button-wrapper{animation-duration:1s;animation-name:wrapper}.animate .heroButton:first-child .button-inner{animation-delay:0s,.6s;animation-duration:1s;animation-name:inner-start,inner-end}.animate .heroButton:nth-child(2) .button-wrapper{animation-delay:.5s;animation-duration:1s;animation-name:wrapper}.animate .heroButton:nth-child(2) .button-inner{animation-delay:.5s,1.1s;animation-duration:1s;animation-name:inner-start,inner-end}.animate .heroButton:nth-child(3) .button-wrapper{animation-delay:1s;animation-duration:1s;animation-name:wrapper}.animate .heroButton:nth-child(3) .button-inner{animation-delay:1s,1.6s;animation-duration:1s;animation-name:inner-start,inner-end}