.button-container-2{position:relative;width:100%;height:100%;overflow:hidden;border:1px solid #150b01;font-weight:300;transition:.5s;letter-spacing:1px;border-radius:4px}.button-container-2 button{width:101%;height:40px;font-family:Avenir3;font-size:16px;letter-spacing:1px;font-weight:300;background:#150b01;-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%;border:none;color:#f3ecda;cursor:pointer;animation:ani2 .7s steps(29) forwards}.button-container-2 button:hover{animation:ani .7s steps(29) forwards;color:#150b01}.mas{color:#150b01;text-align:center;width:101%;font-family:Avenir3;font-weight:400;position:absolute;font-size:16px;margin-top:11px;overflow:hidden}@keyframes ani{0%{-webkit-mask-position:0 0;mask-position:0 0}to{-webkit-mask-position:100% 0;mask-position:100% 0}}@keyframes ani2{0%{-webkit-mask-position:100% 0;mask-position:100% 0}to{-webkit-mask-position:0 0;mask-position:0 0}}