.btn{
  background-color:transparent;
  border:none;
  cursor:pointer;
  position:relative;
  padding:5px;
  border-radius:3px;
  
  
}



.btnWrap{
  display:flex;
  flex-flow:column wrap;
  gap:5px;
 
}

.btn + .lbl{
  height:1px;
  width:0px;
   transition:width 1s ease-in-out;
}


.btn:hover + .lbl{
  width:50px;
  /*animation:animate 0.3s linear forwards;*/
  background-color:black;
  color:white;
}

I am trying to reverse the effect of hovering over the button, basically, the lbl expand to 50px width, however i want to apply the transition on hovering out too