.icon {
	position: relative;
	top: -0.0625rem;
	display: inline-block;
	width: 1rem;
	height: 1rem;
	fill: currentColor;
	vertical-align: middle;
}
  
  .icon-facebook, .icon-twitter {
	margin-right:3px;
  }

  a:hover .icon-facebook ,
  .icon-facebook:focus {
	filter: invert(26%) sepia(95%) saturate(1352%) hue-rotate(181deg) brightness(99%) contrast(102%);
  }

  a:hover .icon-twitter ,
  .icon-twitter:focus {
	filter: invert(81%) sepia(56%) saturate(6474%) hue-rotate(181deg) brightness(103%) contrast(92%);
  }

  a:hover .icon-mastodon ,
  .icon-mastodon:focus {
	filter: invert(28%) sepia(77%) saturate(3851%) hue-rotate(238deg) brightness(95%) contrast(90%);
  }