hr { border: none; height: 1px; width: 40%; background: lightgray; opacity: .3; margin-bottom: 2rem } .space { margin-bottom: 2rem } .custom.icon { width: 1.8rem; height: 1.8rem; } .button-araneite { background: linear-gradient(to right, #1C0052, #460A7C); color: white; } .button-skycel { border: 3px solid #FA784F; color: white; background: rgb(2,0,36); background: linear-gradient(130deg, rgba(2,0,36,1) 0%, rgba(0,0,0,1) 49%, rgba(250,120,79,1) 50%, rgba(250,120,79,1) 100%); background-size: 220% auto; background-position: left center; transition: background-position .3s ease-in-out; } .button-skycel:hover { color: black; background-position: right center; }