.link{ color: #555; font-family: 'Assistant', sans-serif; font-size: 25px; font-weight: 700; line-height: 20px; text-transform: capitalize; letter-spacing: 0.5px; display: inline-block; overflow: hidden; transition: all 0.5s ease 0s; } .link:focus, .link:hover{ color: rgb(10, 141, 69); } .link span{ text-shadow: 0 -20px #555; display: block; transform: translateY(20px); transition: all 0.5s ease 0s; } .link:hover span{ text-shadow: 0 0 transparent; transform: translateY(0); } @media only screen and (max-width: 767px){ .link{ margin-bottom: 30px; } }