.social-icon {
  background: $color-gray-3000;
  border-radius: 4px;
  display: inline-block;
  height: 96px;
  position: relative;
  width: 96px;
}

.social-icon-small {
  height: 36px;
  width: 36px;
}

.social-icon::after {
  color: $color-white;
  content: "\f1e0";
  font-family: "FontAwesome";
  font-size: 42px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.social-icon-small::after {
  font-size: 21px;
}

.social-icon-wordpress::after {
  content: "\F19A";
}

.social-icon-twitter::after {
  content: "\f099";
}

.social-icon-youtube::after {
  content: "\f16a";
}

.social-icon-color.social-icon-youtube::after {
  color: $color-copenhagen-red;
  content: "\f16a";
}

.social-icon-facebook::after {
  content: "\f09a";
}

.social-icon-linkedin::after {
  content: "\f0e1";
}

.social-icon-flickr::after {
  content: "\f16e";
}

// scss-lint:disable MergeableSelector
.social-icon-color {
  background: $color-copenhagen-red;
}

.social-icon-color.social-icon-twitter {
  background: $color-twitter-blue;
}

.social-icon-color.social-icon-youtube {
  background: $color-white;
}

.social-icon-color.social-icon-facebook {
  background: $color-facebook-blue;
}

.social-icon-color.social-icon-linkedin {
  background: $color-linkedin-blue;
}

.social-icon-color.social-icon-flickr {
  background: $color-white;
}

.social-icon-color.social-icon-wordpress {
  background: $color-feel-good-blue;
}