/* The parent retains its original font size, spacing and hover transforms. */
svg.arrow-icon-v26 {
  display: inline-block;
  width: 1em;
  height: 1em;
  min-width: 1em;
  flex-shrink: 0;
  vertical-align: -.15em;
  overflow: visible;
  color: #fff;
  fill: none;
  stroke: #fff;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
  pointer-events: none;
}

/* A compact dark backing keeps the requested white arrow legible on mint CTAs. */
[data-interaction-v26-light="true"] svg.arrow-icon-v26 {
  box-sizing: border-box;
  width: 1.2em;
  height: 1.2em;
  min-width: 1.2em;
  padding: .1em;
  border-radius: 50%;
  background: #304637;
}

@media (forced-colors: active) {
  svg.arrow-icon-v26 { color: ButtonText; stroke: ButtonText; }
  [data-interaction-v26-light="true"] svg.arrow-icon-v26 { background: Canvas; }
}