Adding buttons to landing pages

We use pill buttons on our website and would like to continue that practice on our Marketo landing pages. These pages do not have forms.

By adding the following to the template's CSS we can control the shape, background and border colors, but the font color will not change from white even though it is specifically called out to be black. .

Any ideas why this won't work? 

/*add button css*/  

.button

  -webkit-border-radius: 30;

  -moz-border-radius: 30;

  border-radius: 30px;

  font-family: Arial;

  font-size: 16px;

  background: #ffc20e;

  color: #000000;

  padding: 10px 20px 10px 20px;

  border: solid #ffc20e 1px;

  text-decoration: none;

}

.btn:hover {

  background: #768692;

  text-decoration: none;

}

  /*end button css*/