&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;style&gt;
.button {
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}

.button1 {background-color: #04AA6D;} /* Green */
.button2 {background-color: #008CBA;} /* Blue */
&lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;

&lt;h1&gt;The button element - Styled with CSS&lt;/h1&gt;
&lt;p&gt;Change the background color of a button with the background-color property:&lt;/p&gt;

&lt;a href=&quot;https://sentry.io/answers/&quot;&gt;
  &lt;button class=&quot;button button1&quot;&gt;GDrive&lt;/button&gt;
&lt;/a&gt;

&lt;a href=&quot;https://sentry.io/answers/&quot;&gt;
  &lt;button class=&quot;button button2&quot;&gt;GDrive&lt;/button&gt;
&lt;/a&gt;

&lt;/body&gt;
&lt;/html&gt;