Styling the call-to-action button

We've really come a long way in this chapter with regard to styling buttons. Now it's time to add one more. In the final site, we also have a call-to-action button on the home page that needs to be built. In this section, let's walk through each step of styling the call-to-action button. First, we'll add the HTML, then position it properly and add the appropriate CSS; finally, we'll add a nice hover effect to it.

Here's our current site:

The following is the final site that we're aiming for, and the Go Premium call-to-action button is what we'll be creating:

Adding the HTML

Let's add the markup t0 our index.html file. In the Intro Section use an anchor tag for the button with the text Go Premium:

<!-- 
===============
Intro Section
===============
-->
<section>
  <div class="wrapper">
    <h1>Old Chompy</h1>
    <h2>Dedicated to sharks and other aquatic species</h2>
    <p>Lorem ipsum dolor ...</p>
<a href...