<button class="radikalwp-btn-trace">مستندات<//button>

.radikalwp-btn-trace {
  position: relative;
  padding: 12px 32px;
  font-family: inherit;
  font-size: 15px;
  font-weight: 600;
  color: #0f172a;
  background: transparent;
  border: none;
  border-radius: 12px;
  cursor: pointer;
  outline: 1.5px solid #cbd5e1;
  outline-offset: 0;
  transition: color .3s ease;
}
.radikalwp-btn-trace::before {
  content: '';
  position: absolute;
  inset: -1.5px;
  border: 2px solid #4f46e5;
  border-radius: 12px;
  clip-path: polygon(0 0, 0 0, 0 0, 0 0);
  transition: clip-path .45s ease;
  pointer-events: none;
}
.radikalwp-btn-trace:hover { color: #4f46e5; }
.radikalwp-btn-trace:hover::before {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}