.button-container[data-v-9c192bf0]{overflow:hidden;position:relative;transition:.5s}.button-container #button-icon[data-v-9c192bf0]{align-items:center;animation:ani-9c192bf0 .7s steps(29) forwards;display:flex;inset:0;justify-content:center;-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-size:3000% 100%;mask-size:3000% 100%;position:absolute}.button-container #button-icon[data-v-9c192bf0]:hover{animation:ani2-9c192bf0 .7s steps(29) forwards}.mas[data-v-9c192bf0]{overflow:hidden;widows:max-content}.filter-invert[data-v-9c192bf0]{filter:invert(1)}@keyframes ani-9c192bf0{0%{-webkit-mask-position:0 0;mask-position:0 0}to{-webkit-mask-position:100% 0;mask-position:100% 0}}@keyframes ani2-9c192bf0{0%{-webkit-mask-position:100% 0;mask-position:100% 0}to{-webkit-mask-position:0 0;mask-position:0 0}}