#main-navbar .hb-nav-actions .hb-btn--auth {
    position: relative;
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 7px 4px !important;
    color: var(--org-blue-dark) !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0;
    box-shadow: none !important;
    font-size: 0.94rem;
    font-weight: 900;
    line-height: 1;
    white-space: nowrap;
    text-shadow: none;
    transform: none;
    transition: color 220ms ease;
}

#main-navbar .hb-nav-actions .hb-btn--auth i {
    color: currentColor;
    font-size: 1.08rem;
    transition: color 220ms ease;
}

#main-navbar .hb-nav-actions .hb-btn--auth::after {
    content: "";
    position: absolute;
    right: 4px;
    bottom: -7px;
    left: 4px;
    height: 4px;
    display: block;
    background: var(--org-red);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 220ms ease;
}

#main-navbar .hb-nav-actions .hb-btn--auth:hover,
#main-navbar .hb-nav-actions .hb-btn--auth:focus-visible,
#main-navbar.is-home-top .hb-nav-actions .hb-btn--auth:hover,
#main-navbar.is-home-top .hb-nav-actions .hb-btn--auth:focus-visible {
    color: var(--org-red) !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    transform: none;
}

#main-navbar .hb-nav-actions .hb-btn--auth:hover::after,
#main-navbar .hb-nav-actions .hb-btn--auth:focus-visible::after {
    transform: scaleX(1);
}

html[data-theme="dark"] #main-navbar .hb-nav-actions .hb-btn--auth {
    color: #e8f4f4 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

html[data-theme="dark"] #main-navbar .hb-nav-actions .hb-btn--auth:hover,
html[data-theme="dark"] #main-navbar .hb-nav-actions .hb-btn--auth:focus-visible {
    color: #7de0da !important;
}

html[data-theme="dark"] #main-navbar .hb-nav-actions .hb-btn--auth::after {
    background: #59c8c3;
}

@media (max-width: 991.98px) {
    #main-navbar .hb-nav-actions {
        flex-wrap: wrap;
    }

    #main-navbar .hb-nav-actions .hb-btn--auth {
        width: auto;
        animation: none;
    }

    #main-navbar .hb-nav-actions .hb-btn--auth::after {
        display: none;
    }
}

@media (max-width: 420px) {
    #main-navbar .hb-nav-actions .hb-btn--auth {
        width: 100%;
    }
}


#main-navbar .hb-nav-donate,
#main-navbar.is-home-top .hb-nav-donate {
    color: #ffffff !important;
    background: #087d7b !important;
    border: 1px solid #087d7b !important;
    border-radius: 4px;
    box-shadow: none !important;
    text-shadow: none;
    transform: none;
}

#main-navbar .hb-nav-donate:hover,
#main-navbar .hb-nav-donate:focus-visible,
#main-navbar.is-home-top .hb-nav-donate:hover,
#main-navbar.is-home-top .hb-nav-donate:focus-visible {
    color: #ffffff !important;
    background: #035f5d !important;
    border-color: #035f5d !important;
    box-shadow: none !important;
    transform: none;
}

html[data-theme="dark"] #main-navbar .hb-nav-donate,
html[data-theme="dark"] #main-navbar .hb-nav-donate:hover,
html[data-theme="dark"] #main-navbar .hb-nav-donate:focus-visible {
    box-shadow: none !important;
}


@media (min-width: 992px) {
    #main-navbar .hb-nav-list {
        justify-content: center;
    }

    #main-navbar .hb-nav-donate-item {
        display: flex;
        align-items: center;
    }
}

@media (max-width: 991.98px) {
    #main-navbar .hb-nav-donate-item {
        width: 100%;
        padding-top: 8px;
    }

    #main-navbar .hb-nav-donate {
        width: 100%;
    }
}