.site-icon-link {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}

/* icon base */
.site-icon {
  opacity: 0.9;
  transition: transform 120ms ease, opacity 120ms ease;
}

/* hover affordance */
.site-icon-link:hover .site-icon {
  transform: scale(1.1);
  opacity: 1;
}

/* keyboard focus (important for accessibility) */
.site-icon-link:focus-visible {
  outline: 3px solid #1b6ac9;
  outline-offset: 3px;
  border-radius: 4px;
}

/* =========================
   Fenton site-wide icons
   ========================= */

.site-icon-link {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}

.site-icon {
  opacity: 0.9;
  transition: transform 120ms ease, opacity 120ms ease;
}

.site-icon-link:hover .site-icon {
  transform: scale(1.1);
  opacity: 1;
}

.site-icon-link:focus-visible {
  outline: 3px solid #1b6ac9;
  outline-offset: 3px;
  border-radius: 4px;
}