<a class="radikalwp-hover-underline" href="#">لینک نمونه با هاور دوخطی<//a>

.radikalwp-hover-underline {
  position: relative; font-size: 14px; font-weight: 700; color: #334155; text-decoration: none; padding-bottom: 6px;
}
.radikalwp-hover-underline::before, .radikalwp-hover-underline::after {
  content: ""; position: absolute; bottom: 0; right: 0; height: 2px; background: #4f46e5; width: 0;
  transition: width .3s ease .05s;
}
.radikalwp-hover-underline::after { bottom: 4px; transition-delay: .15s; }
.radikalwp-hover-underline:hover::before, .radikalwp-hover-underline:hover::after { width: 100%; }