.link{
color: #222;
font-family: 'Almarai', sans-serif;
font-size: 24px;
line-height: 20px;
text-transform: capitalize;
display: inline-block;
transition: all 0.3s ease 0s;
}
.link:focus,
.link:hover{
color: #222;
-webkit-mask-image: linear-gradient(-75deg, rgba(0, 0, 0, .2) 30%, #000 50%, rgba(0, 0, 0, .2) 70%);
mask-image: linear-gradient(-75deg, rgba(0, 0, 0, .2) 30%, #000 50%, rgba(0, 0, 0, .2) 70%);
-webkit-mask-size: 200%;
mask-size: 200%;
animation: animate 1.5s infinite;
}
@keyframes animate{
0%{
-webkit-mask-position: 150%;
mask-position: 150%;
}
100%{
-webkit-mask-position: -50%;
mask-position: -50%;
}
}
@media only screen and (max-width: 767px){
.link{ margin-bottom: 30px; }
}