.separator {
	display: flex;
	align-items: center;
	text-align: center;
}

.separator::before,
.separator::after {
	content: '';
	flex: 1;
	border-bottom: 1px solid #e4e9f0;
}

.separator:not(:empty)::before {
	margin-right: .25em;
}

.separator:not(:empty)::after {
	margin-left: .25em;
}

.sso-button-row {
	display: block;
	margin: 10px auto;
	float: center;
}

.sso-btn-icon--microsoft {
	background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="439" width="439"><rect height="439" width="439" fill="%23f3f3f3"/><rect height="194" width="194" x="17" y="17" fill="%23F35325"/><rect height="194" width="194" x="228" y="17" fill="%2381BC06"/><rect height="194" width="194" x="17" y="228" fill="%2305A6F0"/><rect height="194" width="194" x="228" y="228" fill="%23FFBA08"/></svg>');
}

.sso-btn-icon--facebook {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-735 237 28 28"><path fill="%233B5998" d="M-733 237h24c1.105 0 2 .895 2 2v24c0 1.105-.895 2-2 2h-24c-1.105 0-2-.895-2-2v-24c0-1.105.895-2 2-2z"/><path fill="%23fff" d="M-719.975 265v-9.561h-3.333v-3.726h3.333v-2.748c0-3.189 2.018-4.926 4.964-4.926 1.412 0 2.625.101 2.978.147v3.333l-2.044.001c-1.603 0-1.913.735-1.913 1.814v2.379h3.822l-.498 3.726h-3.325V265h-3.984z"/></svg>');
}

.sso-btn {
    display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	height: 40px;
	width: 300px;
	max-width: 400px;
	min-width: min-content;
	border: 1px solid rgba(0, 0, 0, .14);
	border-radius: 20px;
	margin: 5px auto;
	padding: 0 12px;
	background: #fff;
	color: #3c4043;
	font-family: "Google Sans", arial, sans-serif;
	font-weight: 500;
	font-size: 14px;
	cursor: pointer;
}

.sso-btn-icon {
	background-position: center;
	background-repeat: no-repeat;
	background-size: 20px;
	height: 36px;
	width: 36px;
    flex: 0 0 18px;
}

.sso-btn-text {
    flex: 1;
	text-align: center;
}

.ezoic-sso-img,
.writio-sso-img,
.flickify-sso-img {
	flex: 0 0 18px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.ezoic-sso-img > img,
.writio-sso-img > img,
.flickify-sso-img > img {
	width: 100%;
	object-fit: contain;
}