Линия под ссылкой ездит слева направо при наведении

Код

A:after {
   content: "";
   position: absolute;
   display: block;
   width: 100%;
   bottom: 0;
   right: 0;
   left: auto;
   height: 1px;
   background-color: #1d1d1b;
   transition: width .25s ease-out;
}

A:hover::after {
.btn-text:hover:after {
   width: 0;
   left: 0;
   right: auto;
}