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:

Get Mastering CSS now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.