.ve-icon {
  width: 1.08em;
  height: 1.08em;
  flex: 0 0 auto;
  overflow: visible;
  color: currentColor;
  vertical-align: -.16em;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.65;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ve-icon-button,
.ve-icon-label {
  display: inline-flex;
  align-items: center;
  gap: .48em;
}

.ve-nav-link,
.ve-mobile-nav nav a {
  display: inline-flex;
  align-items: center;
  gap: .44em;
}

.ve-top-banner .ve-icon { color: var(--ve-gold-soft, #d8be9f); }

.ve-icon-button .ve-icon { width: 1.18em; height: 1.18em; }
.ve-brand-accent-icon { color: var(--ve-gold-soft, #d8be9f); }

@media (prefers-reduced-motion: no-preference) {
  a:hover > .ve-icon,
  button:hover > .ve-icon,
  .ve-icon-label:hover > .ve-icon {
    transform: translateY(-1px);
    transition: transform .18s ease;
  }
}