#nameGen {
    padding: var(--space_m);
    background-color: var(--shadow_1);
    border-radius: var(--space_s);
    flex-direction: column;
    row-gap: inherit;
}

#btn_NameInput {
    background-color: transparent;
    color: white;
    padding: var(--space_m);
    font-size: x-large;
}


#btn_NameInput > * {
    text-align: center;
}

#btn_NameInput:hover::before, #btn_NameInput:hover::after {
    content: "\2728";
    font-size: 75%;
}

#nameHistory {
    display: flex;
    column-gap: var(--space_S);
}

.loggedName {
    max-width: min-content;
    color: gray;
    background-color: transparent;
    width: 100%;
    margin: auto;
}

.loggedName:hover {
    font-family: unset;
}