/* == Social Link Styles == */
.social__wrapper {
  display: flex;
  gap: 16px;
}
.social__item {
  background-color: #fff;
  padding: 8px;
  border-radius: 100%;
  display: block;
  height: 32px;
  width: 32px;
  position: relative;
}
.social__item:hover,
.social__item:focus-visible {
  background-color: var(--FC-dark-blue);
}
.social__icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.social__icon path {
  fill: var(--FC-dark-blue);
}
.social__item:hover .social__icon path,
.social__item:focus-visible .social__icon path {
  fill: var(--FC-light-green);
}

/* == Nav bar styles == */
.block-navigation-top-links .social__item {
  height: 18px;
  width: 18px;
}