CSS/onマウスで隠れていた文字を表示

#tra {
  margin: 30px auto 0;
  border: 3px red ridge;
  overflow: hidden;
  width: 50px;
  transition: .8s;
  letter-spacing: 5px;
}
#tra span {
  font-size: 50px;
}
#tra:hover {
  width: 120px;
}