.notification-nav-link {
    display: flex;
    align-items: center;
    gap: 8px;
    position: relative;
}

.notification-icon-wrapper {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.notification-badge {
    position: absolute;
    top: -8px;
    right: -10px;

    min-width: 18px;
    height: 17px;

    padding: 0 5px;

    border-radius: 50px;

    background: #dc3545;
    color: #fff;

    font-size: 10px;
    /* font-weight: 700; */

    display: flex;
    align-items: center;
    justify-content: center;

    border: 2px solid #0076a3;
    line-height: 1;
}

.notification-text {
    color: #fff;
}