scrollbox expand hover no need to cr

<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin=""><link href="https://fonts.googleapis.com/css2?family=Mali:wght@500&amp;display=swap" rel="stylesheet">
<div id="conte">

  info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info

</div>


<style>

#conte {
  border: 3px double #f9c5df;
  border-radius: 8px;
  background: ;
  width: 45%;
  height: 90px;
  transition: 0.6s ease;
  padding: 5px;
  font-family: 'Mali', cursive;  text-align: left;
  font-size:11.5px;
  overflow: scroll;

}

#conte:hover {
  background: #fedeee;
  width: 50%;
  height: 120px;
}

</style>