<style>
/* Alineamos todo perfectamente en la cabecera */
.mi-boton-steam .theChampSocialLoginContainer {
margin: 0 !important;
}
.mi-boton-steam ul {
margin: 0 !important;
}

/* Transformamos la caja del icono para que se estire y abrace nuestro texto */
.mi-boton-steam li {
display: flex !important;
align-items: center !important;
width: auto !important;
height: auto !important;
background: transparent !important;
border: none !important;
padding: 5px !important;
}

/* INYECTAMOS EL TEXTO DENTRO DEL BOTÓN OFICIAL */
.mi-boton-steam li::before {
content: "Regístrate con Steam";
font-size: 15px;
font-weight: 600;
color: #046bd2; /* Color azul de enlace */
margin-right: 10px;
cursor: pointer;
}

/* Efecto al pasar el ratón por encima */
.mi-boton-steam li:hover::before {
text-decoration: underline;
}
</style>

<div class="mi-boton-steam">