.wm-inline-icon {
  width: 1.1em;
  height: 1.1em;
  display: inline-block;
  flex: 0 0 auto;
  vertical-align: -0.18em;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.wm-inline-icon--spark {
  fill: currentColor;
  stroke: none;
}

.wm-brand-icon,
.wm-value-icon,
.wm-link-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--accent, #a77bff);
}

.wm-brand-icon {
  margin-right: 0.15rem;
}

.wm-value-icon {
  width: 2.1rem;
  height: 2.1rem;
}

.wm-value-icon .wm-inline-icon {
  width: 1.45rem;
  height: 1.45rem;
}

.wm-link-icon {
  margin-left: 0.25rem;
  transition: transform 160ms ease;
}

.card:hover .wm-link-icon {
  transform: translateX(0.18rem);
}

@media (prefers-reduced-motion: reduce) {
  .wm-link-icon {
    transition: none;
  }
}