.center { display: block; margin-left: auto; margin-right: auto; width: 90%; } .btn { text-decoration: none; border: 1px solid rgb(146, 148, 248); position: relative; overflow: hidden; } .btn:hover { box-shadow: 1px 1px 25px 10px rgba(146, 148, 248, 0.4); } .btn:before { content: ""; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient( 120deg, transparent, rgba(146, 148, 248, 0.4), transparent ); transition: all 650ms; } .btn:hover:before { left: 100%; }