.nav-pills {

    .nav-link {
        border-radius: var(--bs-border-radius);
        color: var(--ssg-green);
        margin-right: 12px;
        border: 1px solid var(--ssg-green);

        &:hover, &:focus {
            color: var(--bs-white);
            background-color: var(--ssg-green);
        }
    }

    .nav-link.active, .nav-pills .show > .nav-link {
        color: var(--bs-white);
        background-color: var(--ssg-green);
    }

    .badge {
        margin-left: 5px;
        padding-top: 6px;
        padding-right: 7px;
    }

}