.button-container[data-v-de4b1e57]{align-items:center;display:flex;justify-content:center;overflow:hidden;position:relative;transition:.5s}.mas[data-v-de4b1e57]{overflow:hidden;width:-moz-max-content;width:max-content}.button-container #button-value[data-v-de4b1e57]{align-items:center;display:flex;inset:0;justify-content:center;position:absolute}.button-value-position-start[data-v-de4b1e57]{-webkit-mask:url(https://raw.githubusercontent.com/robin-dela/css-mask-animation/master/img/urban-sprite.png);mask:url(https://raw.githubusercontent.com/robin-dela/css-mask-animation/master/img/urban-sprite.png);-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-size:3000% 100%;mask-size:3000% 100%;will-change:mask-position}.button-container:hover .button-value-position-start[data-v-de4b1e57],.button-value-hover-from-start[data-v-de4b1e57]{animation:maskAnimationFromStart-de4b1e57 .5s steps(29) forwards}.button-value-position-end[data-v-de4b1e57]{-webkit-mask:url(https://raw.githubusercontent.com/robin-dela/css-mask-animation/master/img/urban-sprite.png);mask:url(https://raw.githubusercontent.com/robin-dela/css-mask-animation/master/img/urban-sprite.png);-webkit-mask-position:100% 0;mask-position:100% 0;-webkit-mask-size:3000% 100%;mask-size:3000% 100%;will-change:mask-position}.button-container:hover .button-value-position-end[data-v-de4b1e57],.button-value-hover-from-end[data-v-de4b1e57]{animation:maskAnimationFromEnd-de4b1e57 .5s steps(29) forwards}@keyframes maskAnimationFromStart-de4b1e57{0%{-webkit-mask-position:0 0;mask-position:0 0}to{-webkit-mask-position:100% 0;mask-position:100% 0}}@keyframes maskAnimationFromEnd-de4b1e57{0%{-webkit-mask-position:100% 0;mask-position:100% 0}to{-webkit-mask-position:0 0;mask-position:0 0}}