.btn{display:flex;justify-content:center;align-items:center;border-radius:.5rem;position:relative;overflow:hidden}.btn:not(.hide-transition){transition:.2s ease-in-out}.btn:not(.hide-hover):before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:hsla(0,0%,100%,.2);-webkit-transform-origin:right center;-moz-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center;-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);-o-transform:scaleX(0);transform:scaleX(0);-webkit-transition:-webkit-transform .4s cubic-bezier(.4,0,.2,1);-moz-transition:-moz-transform .4s cubic-bezier(.4,0,.2,1);-ms-transition:-ms-transform .4s cubic-bezier(.4,0,.2,1);-o-transition:-o-transform .4s cubic-bezier(.4,0,.2,1);transition:transform .4s cubic-bezier(.4,0,.2,1);z-index:1}.btn:hover:before{-webkit-transform-origin:left center;-moz-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}