#myButton {
  padding: 5px;  /*seems to be area left, right, below word in button?*/
  background: yellow;
  cursor: pointer;   /*have a type of pointer?*/
  /*transition-property: background, color; */
  
  transition-property: background; /*specifies the name of the CSS property the transition effect is for (the transition effect will start when the specified CSS property changes). transition-property is a subset of transition and transition can include duration, etc.*/
  transition-duration: 1.0s;
}

#myButton:hover {
  background: darkblue;   /*when hover, turn dark blue*/
  color: pink;  /*seems to change the word color within button*/
}