Animated Button - Color Bar with Slide on Hover

HTML:
Copy to clipboard<a href='#'><div id='button-example-1607'>Click here!</div></a>
CSS:
Copy to clipboard
#button-example-1607 {
color: #fffff7; background-color: #373936; padding: 20px 40px; font-size: 18px; font-weight: 600; width: 200px; text-align: center; box-shadow: inset 10px 0 0 0 #A3C09B; -webkit-transition: ease-out 0.5s; -moz-transition: ease-out 0.5s; transition: ease-out 0.5s;
}#button-example-1607:hover {
box-shadow: inset 200px 0 0 0 #A3C09B; color: #373936;
}