.link{ color: transparent; background: linear-gradient(90deg,#be2edd 0%, #be2edd 100%); background-size: 0; background-position: left; background-repeat: no-repeat; background-clip: text; -webkit-background-clip: text; -webkit-text-stroke: 2px #be2edd; font-family: 'Raleway', sans-serif; font-size: 25px; font-weight: 800; line-height: 20px; letter-spacing: 1px; text-transform: uppercase; padding: 2px 0 3px 0; display: inline-block; transition: all .3s ease-out; } .link:focus{ color: transparent; } .link:hover{ color:transparent; background-size: 100%; } @media only screen and (max-width: 767px){ .link{ margin: 0 0 30px; } }