title: Font Color Displaying on Chrome Button, but Not Safari
body: <p>There is an embedded form on this WordPress page (by a third party plugin, Genoo) in which I'm trying to re-style. All has gone well aside from the submit button at the bottom. The button should have white text with a black background. </p>
  
  <p><a href="https://lfccworkforce.com/funding-options/fastforward/" rel="nofollow noreferrer">https://lfccworkforce.com/funding-options/fastforward/</a></p>
  
  <p>It displays fine in Chrome: </p>
  
  <p><a href="https://i.stack.imgur.com/QY42F.jpg" rel="nofollow noreferrer">Chrome Sreenshot</a></p>
  
  <p>But in Safari it does not:</p>
  
  <p><a href="https://i.stack.imgur.com/OoDVC.jpg" rel="nofollow noreferrer">Safari Screenshot</a></p>
  
  <p>I appreciate everyones help!</p>
  
  <pre><code>e.genooForm {
  all: unset;
  }
  .genooForm label {
  font-size:.9em;
  font-weight: bold;
  font-family: Arial, Sans-Serif;
  }
  
  .genooForm input.ext-form-input {
  border: solid 1px #757575;
  width: 100%;
  border-radius: 5px;
  margin-bottom: 15px;
  }
  
  .gn-component--selected {
  all: unset;
  width: 30% !important;
  margin: auto !important;
  }
  
  .gn-btn     {
  all: unset;
  text-align: center;
  padding: 10px;
  background: #000 !important;
  color: #fff !important;
  font-size: 1em !important;
  font-weight: bold !important;
  border-radius: 10px !important;
  text-decoration: capitalize !important;
  }
  
  .gn-btn:hover {
  background:#0176C0 !important;
  }
  
  .gn-generated .gn-form .gn-btn {
  color: rgb(255, 255, 255)  !important;
  }
  </code></pre>