how to replace word with css
How to Replace Text with CSS pseudo-elements :before/:after
How do I replace a word in some text using CSS?
Best way to replace a text using CSS

hide the original content and replace it with a pseudo-element
(::after or ::before).

----------------------------------------------------------------
:
----------------------------------------------------------------

Hello Goodbye css

:
<button>Hello</button>
:

:
button {
  visibility: hidden;
}
button:after {
  content:'Goodbye'; 
  visibility: visible;
}
----------------------------------------------------------------
:
----------------------------------------------------------------

ABC DEF css
:
<div class="pvw-title"><span>ABC</span></div>

:

:
.pvw-title span {
  display: none;
}
.pvw-title:after {
  visibility: visible;
}
----------------------------------------------------------------
:
----------------------------------------------------------------
:
.element {
  text-indent: -9999px;
  line-height: 0; /* Collapse the original line */
}

.element::after {
  content: "New text";
  text-indent: 0;
  display: block;
  line-height: initial; /* New content takes up original line height */
}

:
button {
  position: absolute;
  visibility: hidden;
}

button:before {
  content: "goodbye";
  visibility: visible;
}
:
span {
visibility: hidden;
word-spacing:-999px;
letter-spacing: -999px; 
}

span:after {
content: "goodbye";
visibility: visible;
word-spacing:normal;
letter-spacing:normal; 
}
:
.company-name{font-size: 0}

.company-name:after{
      content: "New Company Name";
      font-size: 14px;
 }​
:
https://stackoverflow.com/questions/...-text-with-css
https://stackoverflow.com/questions/...ic-text-in-css
https://stackoverflow.com/questions/...text-using-css