I did a navbar and my text is sliding out and i want that it slides back in smoothly

Question

.sidebar a:hover{
   transition: 0.8s;
   color: white;
   margin-left: 30px;   
}

1. This is the current code that lets the text slide out