a {
    cursor: pointer;
}

.button1.link1 {
    height: 38px;
    width: auto;
    padding: 6px 20px 6px 20px;
    background-color: #4285F4;
    border: 1px solid #3e84f4;
    border-radius: 4px;
    color: white;
    font-weight: bold;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    cursor: pointer;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.button1.link1 {
    padding: 8px 20px 8px 20px;
}
    .button1.link1:hover {
        background-color: #2674f2;
        border: 1px solid #0e65f1;
    }

    /* 3.Primary Button Active State */
    .button1.link1:active {
        background-color: #0d5bd9;
        border: 1px solid #0b51c1;
    }

    /* 4.Primary Button Focus State */
    .button1.link1:focus {
        background-color: #0d5bd9;
        border: 1px solid #0b51c1;
    }

.button2 /* I have used a random class name to showcase the secondary buttons different states, you do not have to use the same class name. */ {
    height: 34px;
    width: auto;
    padding: 0 20px 0 20px;
    background-color: #d9d9d9;
    border: 1px solid #cccccc;
    border-radius: 4px;
    color: #1D1D1D;
    font-weight: normal;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    cursor: pointer;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

    /* 2.Secondary Button Hover State */
    .button2:hover {
        background-color: #bfbfbf;
        border: 1px solid #b3b3b3;
    }

    /* 3.Secondary Button Active State */
    .button2:active {
        background-color: #a6a6a6;
        border: 1px solid #999999;
    }

    /* 4.Secondary Button Focus State */
    .button2:focus {
        background-color: #a6a6a6;
        border: 1px solid #999999;
    }

a.wizardlink {
    text-decoration: none;
}

a.wizardlink:link {
    color: #0000EE;
    border-bottom: 1px solid #0000EE;
}

a.wizardlink:visited {
    color: #551A8B;
    border-bottom: 1px solid #551A8B;
}

a.wizardlink:active {
    color: #EE0000;
    border-bottom: 1px solid #EE0000;
}

a.wizardlink:hover {
    font-weight: bold;
}