.button-login-container {
	margin: 15px auto;
	text-align: center !important;
}

.button-login-row {
	max-width: 375px;
	margin: 0 auto;
	user-select: none; /* evita seleccionar el texto al hacer clic */
	border: 1px solid #dee2e6; /*#003366;*/
	border-radius: 6px; /* redondeado */
	background-color: transparent; /* sin fondo por defecto */
	cursor: pointer!important; /* que se sienta clickeable */
	transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

.button-login-row:hover {
	background-color: #f1f5ff; 
    cursor: pointer!important; 
}

.button-login-row:active {
	background-color: #e4ebff;
    cursor: pointer!important; 
}

.button-login-body {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 7px 12px;
	width: 100%;
}

.icon-wrapper/*,
.spacer*/ {
	width: 1.3rem; /* deja espacio igual a la anchura del icono */
}

.text-wrapper {
	font-family: "Google Sans", arial, sans-serif;
    font-weight: 510;
	flex-grow: 1;
	text-align: center;
	font-size: 14px;
	color: #3c4043;
    letter-spacing: .25px;
}

.icon-wrapper .icon {
	display: inline-block;
	width: 1.3rem;
	height: 1.3rem;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.icon-wrapper .icon.icon-facebook {
	background-image: url('/images/webpage/sociallogos/facebook.svg');
}

.icon-wrapper .icon.icon-google {
	background-image: url('/images/webpage/sociallogos/google.svg');
}


@media only screen and (max-width : 499px) {
	.button-login-row {
		max-width: 350px;
		margin: 0px auto;
	}
}