.link{ color: rgba(43,40,40,0.5); background: linear-gradient(-45deg, transparent calc(100%/3), rgba(49, 133, 78, 0.5), transparent calc(200%/3)) bottom right/350% 100% no-repeat; font-family: 'Lexend', sans-serif; font-size: 22px; font-weight: 600; line-height: 22px; text-transform: capitalize; display: inline-block; transition: 0.5s linear; } .link:focus, .link:hover{ color: #31854e; background-position: bottom left; } @media only screen and (max-width: 767px){ .link{ margin-bottom: 30px; } }