JSFiddle - React, Tailwind, and code Playground

HTML

<form action="https://ya.ru/" target="blank"><p>Абзац текста, в котором есть <a href="http://css-live.ru/" target="_blank">обычная текстовая ссылка</a> и очень на нее похожая <button><span>не совсем обычная, зато полностью текстовая кнопка</span></button>.</p><input type="hidden" name="q" value="display:contents"></form>

CSS

button {
  display: contents;
  font: inherit;
}

a, button > span {
  font: inherit;
  color: blue;
  cursor: pointer;
  text-decoration: underline;
}

a:hover, button > span:hover {
  text-decoration: none;
}