Dar aspecto de botón a un enlace (continuación)

.navbar {
    font-size: 1.25rem;
    font-family: sans-serif;
    text-align: center;
    background: yellow;
}

ul.navbar li {
    display: inline;
}

ul.navbar a {
    text-decoration: none;
    display: inline-block;
    padding: 1rem;
}

ul.navbar a:hover {
    background: orange;
}

ul.navbar a:active {
    color: white;
    background: red;
}