.nav-button{align-items:center;display:inline-flex;transition:all .3s ease 0s;border-radius:100px;padding:15px}.nav-button:is(:hover,:focus){background-color:#1a4a9b;color:#ffffff}.nav-button--login{background-color:var(--brand-primary);color:var(--text-inverse)}.nav-button--login:is(:hover,:focus){background-color:var(--brand-secondary);color:var(--text-inverse)}.nav-button--contact{background-color:var(--bg-hover)}.nav-button--contact:is(:hover,:focus){background-color:var(--bg-soft);color:var(--brand-primary)}