テキストホバー「枠線が抜ける」

.borderLeftRight {
  cursor: pointer;
  display: inline-block;
  position: relative;
  color: #1b202d;
}


.borderLeftRight::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  bottom: 0;
  left: 0;
  background-color: #5851ec;
  transform: scaleX(0);
  transform-origin: bottom right;
  transition: transform 0.4s cubic-bezier(0.86, 0, 0.07, 1);
}


.borderLeftRight:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}