job-links-2.html

<p>
    <a href="" class="linkedin">LinkedIn Jobs</a>
</p>
<p>
    <a href="" class="glassdoor">Glassdoor</a>
</p>
<p>
    <a href="" class="indeed">Indeed</a>
</p>

<style>
    a {
        padding: 5px;
        text-decoration: none;
        transition: background-color 0.5s,
                    font-size 0.5s;
        font-size: 16px;
    }

    a:hover {
        font-size: 15px;
    }

    .linkedin {
        background-color: dodgerblue;
        color: white;
    }

    .linkedin:hover {
        background-color: rgb(83, 170, 255);
    }

    .linkedin:active {
        background-color: rgb(148, 201, 255);
    }

    .glassdoor {
        background-color: forestgreen;
        color: white;
    }

    .glassdoor:hover {
        background-color: rgb(63, 175, 63);
    }

    .glassdoor:active {
        background-color: rgb(121, 224, 121);
    }

    .indeed {
        background-color: sienna;
        color: white;
    }

    .indeed:hover {
        background-color: rgb(174, 100, 65);
    }

    .indeed:active {
        background-color: rgb(222, 146, 111);
    }
</style>