.button.-black {
    color: white !important;
}
/* Global hover: invert to white pill + black text/border — readable on dark AND light backgrounds */
.button.-black:hover {
    background-color: #FFFFFF !important;
    border-color: #121212 !important;
    color: #121212 !important;
}
.button.-outline-black:hover {
    background-color: #121212 !important;
    border-color: #121212 !important;
    color: #FFFFFF !important;
}
.button.-white.text-black:hover {
    background-color: #121212 !important;
    border-color: #121212 !important;
    color: #FFFFFF !important;
}
.nav-btn a {
    min-width: 7.5rem;
    padding: 0.9375rem 1.6875rem;
    font-weight: 500;
    text-align: center;
    border-radius: 3.75rem;
    background-color: #121212;
    border: 0.0625rem solid #121212;
    color: white !important;
    transition: background-color 300ms cubic-bezier(0.165, 0.84, 0.44, 1), color 300ms cubic-bezier(0.165, 0.84, 0.44, 1), border 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.nav-btn a:hover {
    background-color: #FFFFFF;
    border-color: #121212;
    color: #121212 !important;
}
.home .is-top .nav-btn a:hover {
    background-color: #FFFFFF;
    border-color: #FFFFFF;
    color: #121212 !important;
}
@media screen and (max-width: 991px) {
    .nav-btn a {
        min-width: auto;
        text-align: left;
        border-radius: 0;
        background-color: transparent;
        border: none;
    }
}