nav {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    margin: 1rem;

    a {
        color: var(--green);
        background-color: var(--warm-cream);
        text-decoration: none;
        padding: 0.25rem 0.5rem;
        border-radius: 0.25rem;
        font-size: 1.25rem;
        border-color: var(--green);
        border: 1px solid var(--green);

        &:hover {
            color: white;
            background-color: var(--green);
        }
    }

    button {
        color: var(--green);
        background-color: var(--warm-cream);
        cursor: pointer;
        text-decoration: none;
        padding: 0.25rem 0.5rem;
        border-radius: 0.25rem;
        font-size: 1.25rem;
        border-color: var(--green);
        border: 1px solid var(--green);

        &:hover {
            color: white;
            background-color: var(--green);
        }
    }
}

nav > :last-child {
    margin-left: auto;
}