
a.button-social-login {
	display: block;
	border-radius: 20px;
	border-color: white !important;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
	max-width: 400px;
}

a.button-social-login.button-social-login-google {
	display: flex;
	flex-direction: row;
	background-color: #fff;
	color: #4285f4;
}

a.button-social-login.button-social-login-facebook:hover,
a.button-social-login:hover span.si.si-facebook,
a.button-social-login:focus span.si.si-facebook {
	background-color: #253860;
}

a.button-social-login.button-social-login-google:hover,
a.button-social-login:hover span.si.si-google {
	background-color: #e4e4e4;
}

a.button-social-login span.si {
	padding-left: 4em;
	vertical-align: middle;
}
.button-social-login span.si-google,
.button-social-login span.si-facebook,
a.button-social-login:focus span.si.si-google,
a.button-social-login:focus span.si.si-facebook {
	background-color: transparent;
	background-position-y: 4px;
}

.button-social-login span.si-facebook {
	background-image: url(../img/icon-social-login-btn-facebook.png);
}

.button-social-login span.si-google {
	background-image: url(../img/icon-social-login-btn-google.png);
}

.woocommerce .wc-social-login.form-row-wide {
	padding: 1em;
}

@media all and (max-width: 800px) {
	a.button-social-login {
		margin-left: auto;
		margin-right: auto;
	}
}