Merhaba, aşağıda yazdığım kodlar sayesinde bir widget'in üzerine geldiğinde, soldan sağa doğru alt çizgi giriş animasyonu yaptım. Bu şekilde güzel çalışıyor fakat bunun soldan girip sağdan çıkmasını nasıl sağlayabilirim ? Aşağıdaki kodda üzerine gelince sağa kayıyor, üzerinden çekilince geri sola kayarak kayboluyor.

selector .elementor-icon-list-text {
    border-radius: 0;
    transition: 1s;
    display: inline-block;
    position: relative;
  
}


selector .elementor-icon-list-text::before {
    
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 3px;
    background: #fff;
    border-radius: 25px;
    transition: width 1s ease-out;
}



selector .elementor-icon-list-text:hover::before {
    width: 100%;
}

Aşağıda görsel'de üzerini işaretledim. Bahsettiğim kısmı görmek için görselin üzerine tıklayabilirsiniz;