Button that moves when you try to click it

HTML

<h1>Button that moves when you try to click it</h1>
<button id="foo">Click me!</button>

CSS

#foo {
  position: relative;
}
#foo:hover {
  top: 5em;
}