.facebook:after {
   content: url('iconsocial/facebook.svg?height=20');
   filter: invert(48%);
}
.facebook:hover {
   content: url('iconsocial/facebook.svg?height=20');
   filter: grayscale(0);
}
.x-twitter:after {
   content: url('iconsocial/x-twitter.svg?height=20');
   filter: invert(48%);
}
.x-twitter:hover {
   content: url('iconsocial/x-twitter.svg?height=20');
   filter: grayscale(0);
}
.pinterest:after {
   content: url('iconsocial/pinterest.svg?height=20');
   filter: invert(48%);
}
.pinterest:hover {
   content: url('iconsocial/pinterest.svg?height=20');
   filter: grayscale(0);
}
.googlenews:after {
   content: url('iconsocial/googlenews.svg?height=20');
   filter: grayscale(1);
}
.googlenews:hover {
     content: url('iconsocial/googlenews.svg?height=20');
   filter: grayscale(0);
}
.whatsapp:after {
   content: url('iconsocial/whatsapp.svg?height=20');
   filter: invert(48%);
}
.whatsapp:hover {
     content: url('iconsocial/whatsapp.svg?height=20');
     filter: grayscale(0);
}
.telegrama:after {
   content: url('iconsocial/telegram.svg?height=20');
   filter: grayscale(1);
}
.telegrama:hover {
   content: url('iconsocial/telegram.svg?height=20');
   filter: grayscale(0);
}
.linkedin:after {
   content: url('iconsocial/linkedin.svg?height=20');
   filter: grayscale(1);
}
.linkedin:hover {
   content: url('iconsocial/linkedin.svg?height=20');
   filter: grayscale(0);
}
.bluesky:after {
   content: url('iconsocial/bluesky.svg?height=20');
   filter: grayscale(1);
}
.bluesky:hover {
   content: url('iconsocial/bluesky.svg?height=20');
   filter: grayscale(0);
}