.et-extra-icon.et-extra-icon-bluesky {
  display: flex;
  justify-content: center;
  align-items: center;
}

.et-extra-icon-bluesky:before {
  content: "";
  width: 14px;
  height: 14px;

  background-image: url('bluesky.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;

  font-family: none !important;
}

.et-extra-icon-bluesky.et-extra-icon-background,
.et-extra-icon-bluesky.et-extra-icon-background-hover:hover {
  background: #0285FF !important; /* Bluesky brand blue */
}