hover css link transition

HTML

<a href="#">Link Hover</a>

CSS

a {
  font-size: 1.5em;
  color: #2c6700;
  text-decoration: none;
  
}
a:hover { 
    color:#c3c3e5; 
    border-bottom: 1.2px solid #c3c3e5;
}