.navbar-actions .btn-post-job {
    background: var(--primary);
    border-color: var(--primary);
    color: var(--white);
}

.navbar-actions .btn-post-job:hover {
    background: var(--primary-strong);
    border-color: var(--primary-strong);
    color: var(--white);
}

.navbar-actions .btn-login {
    background: var(--white);
    border: 1.5px solid var(--primary);
    color: var(--primary);
}

.navbar-actions .btn-login:hover {
    background: var(--primary);
    border-color: var(--primary);
    color: var(--white);
}

  
                                                                       
                                                                 
                                                                        
   
@media (min-width: 769px) and (max-width: 880px) {
    .navbar-actions .btn-login svg {
        fill: var(--primary);
    }

    .navbar-actions .btn-login:hover svg {
        fill: var(--white);
    }
}

                                                                               
@media (max-width: 768px) {
    .navbar-actions .btn-login {
        background: var(--white);
        border: 1.5px solid var(--primary);
        color: var(--primary) !important;
    }

    .navbar-actions .btn-login svg {
        fill: var(--primary);
    }

    .navbar-actions .btn-login:hover {
        background: var(--primary);
        border-color: var(--primary);
        color: var(--white) !important;
    }

    .navbar-actions .btn-login:hover svg {
        fill: var(--white);
    }
}