Underscore permeates

Question

I want to add a colored underscore to my title, now everything works, but when there is a word in brackets in the title, this underline is interrupted. Can I somehow do so that it is not interrupted under any circumstances?

.title {
  text-decoration: underline 8px solid blue;
}

<h2 class="title">some title (zwe)</h2>

Answer 1

This seems to work.

.title {
  text-decoration: underline 8px solid blue;
  text-underline-position: under;
}

<h2 class="title">some title (zwe)</h2>

Answer 2

Use border-bottom instead

.title {
  display: inline-block;
  border-bottom: 8px solid blue;
}

<h2 class="title">some title (zwe)</h2>