/* Shared by every theme: brand-coloured icons and link badges. Each icon
   element carries --brand / --brandInk inline (see src/platforms.js). */

.icons-brand .social__btn,
.icons-brand .social__btn:hover {
  background: var(--brand);
  color: var(--brandInk);
  border-color: rgba(255, 255, 255, 0.16);
}

.featuredLink__badge,
.lk__icon {
  display: grid;
  place-items: center;
  background: var(--brand, #18181b);
  color: var(--brandInk, #fff);
}

.featuredLink__badge svg,
.lk__icon svg {
  width: 58%;
  height: 58%;
}