.ee-user-nav {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--space-2, 0.5rem);
}

.ee-user-name {
    font-weight: 600;
}

.ee-user-login,
.ee-user-logout {
    display: inline-flex;
    align-items: center;
    padding: var(--space-1, 0.25rem) var(--space-3, 0.75rem);
    border-radius: var(--radius, 4px);
    font-weight: 500;
    text-decoration: none;
    white-space: nowrap;
    transition: opacity 0.2s ease;    
}

.ee-user-logout {
    margin-left: 15px;
}

.ee-user-login:hover,
.ee-user-logout:hover {
    opacity: 0.8;
    text-decoration: none;
}