.spending-action-btn {
  color: var(--color-gov-white, #ffffff);
}

/*
 * Let icons inherit the button's color via currentColor.
 * Do NOT force fill/stroke globally — stroke-only icons (email, copy)
 * use fill="none" and would render as solid shapes if overridden.
 */
.spending-action-btn svg {
  color: inherit;
}

.spending-action-btn:focus {
  outline: 3px solid var(--color-gov-focus);
  outline-offset: 2px;
}

@supports selector(:focus-visible) {
  .spending-action-btn:focus {
    outline: none;
  }

  .spending-action-btn:focus-visible {
    outline: 3px solid var(--color-gov-focus);
    outline-offset: 2px;
  }
}