/* Base: show the original label */
.swap-text .label {
  display: inline;
}

/* On hover/focus: hide original label, show alternate text from data-hover */
.swap-text:hover .label,
.swap-text:focus-visible .label {
  display:none;             /* keep space; use display:none if you want zero width */
}

/* Inject the hover text after the link when hovered/focused */
.swap-text:hover::after,
.swap-text:focus-visible::after {
  content: attr(data-hover);
  margin-left: 0.25rem;
}

/* Optional styling to keep layout stable if you use display:none above */
.swap-text {
  position: relative;
}