title: Change color of button from external source with html?
body: <p>I'm trying to add a button to my site that initiates a visitor to opt into push web notifications, using push crew.</p>
  
  <p>When you create the button with the service they give you the following code</p>
  
  <pre><code>&lt;button onclick="_pcq.push(['triggerOptIn']);"&gt;
  GET NOTIFICATIONS
  &lt;/button&gt;
  </code></pre>
  
  <p>Inside there are no options to alter the size, font or colors. I contact their support -> useless.</p>
  
  <p>So the button created is dark grey which turns to light grey when you hover over and white text on both sides.</p>
  
  <p>I have very limited web knowledge, but with googling i found a few codes <code>&lt;center&gt;</code> to center the button and a few other codes that work when you place it between <code>&lt;button</code> and <code>onclick</code> such as <code>width:150px; height:40px;</code> to change the size of the button. But i'm still working out how to change the color. If i add <code>color:red;</code> it changes the text color which is OK. But if i add the code <code>background-color: #FFFFC0;</code> for example it blows out the button. It changes the color of the button but the button no longer works or changes color when hovering over.</p>
  
  <p>The page builder i'm using has html but I don't have access to the CSS, so need a html workaround</p>