Centralizar texto no chatbox

Detalhes da questão

Endereço do fórum: https://demigods.forumattivo.com/
Versão do fórum: ModernBB

Descrição

Como foi pedido pelo @pedxz , estou postando em um novo tópico o problema.
Sobre o escrito no botão de login do chat, não consigo centralizar.
Link do print: https://imgur.com/xBP3jir
Link do fórum: https://demigods.forumattivo.com/
Código do chatbox:

Código:

.cb_connect_button span {
    background: #333333 !important;
    border: 1px solid;
    border-radius: 5px;
    cursor: pointer;
    padding: 6px 10px;
    color: #fff;
    font-family: 'Benchnine';
    text-transform: uppercase;
  letter-spacing: 2px;
}
.cb_connect_button {
  display: flex;
  align-item: center;
  justify-content: center;
}
.cb_connect_button span { font-size: 0; }
.cb_connect_button span::before {
  content: 'Vamos socializar aqui';
  font-size: 12px;
  display: inline-flex;
  padding: .25rem;
  text-align: center;
}
.cb_connect_name {
    font-size: 15px;
    font-weight: 700;
    margin-top: 10px;
    text-align: center;
    font-family: 'BenchNine';
    text-transform: uppercase;
    letter-spacing: 2px;
}
.cb_connect_button span {
    background: #00000011;
    border: 1px solid;
    border-radius: 20px;
    cursor: pointer;
    /* padding: 6px 10px; */
    width: 190px;
}

Olá @nikkibs

Poderia me fornecer uma conta teste pra eu verificar melhor essa situação?

Atenciosamente, Wusthy

Oi! Enviei por mp, muito obrigada

Olá querida @nikkibs

Modifique na sua CSS para o seguinte código:

Código:

.cb_connect_button span {
    background: #333333 !important;
    border: 1px solid;
    border-radius: 5px;
    cursor: pointer;
    padding: 6px 10px;
    color: #fff;
    font-family: 'Benchnine';
    text-transform: uppercase;
  letter-spacing: 2px;
}
.cb_connect_button {
  display: flex;
  align-item: center;
  justify-content: center;
}
.cb_connect_button span { font-size: 0; }
.cb_connect_button span::before {
    content: 'Vamos socializar aqui';
    display: inline-flex;
    font-size: 12px;
    padding: .25rem 19px;
    text-align: center;
}
.cb_connect_name {
    font-size: 15px;
    font-weight: 700;
    margin-top: 10px;
    text-align: center;
    font-family: 'BenchNine';
    text-transform: uppercase;
    letter-spacing: 2px;
}
.cb_connect_button span {
    background: #00000011;
    border: 1px solid;
    border-radius: 20px;
    cursor: pointer;
    width: 190px;
}

Atenciosamente, Wusthy

Funcionou, obrigada. Poderia dizer o que eu estava errando, por favor?