.fmsc-button {
	display: block;
	box-sizing: border-box;
	width: 100%;
	padding: 10px 14px;
	border-radius: 4px;
	background: #1d2330;
	color: #fff !important;
	text-align: center;
	text-decoration: none;
	font-weight: 600;
	font-size: 14px;
	line-height: 1.4;
}
.fmsc-button:hover,
.fmsc-button:focus { background: #2f3a52; color: #fff; }
.fmsc-button:focus { outline: 2px solid #2271b1; outline-offset: 2px; box-shadow: none; }
.fmsc-login { margin: 0 0 16px; }
.fmsc-or {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 16px 0 4px;
	color: #787c82;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: .05em;
}
.fmsc-or::before,
.fmsc-or::after { content: ""; flex: 1; border-top: 1px solid #dcdcde; }

/* "Hide the username & password form": only the TFM button shows until the small link is clicked. */
.fmsc-hide-pw #loginform > *:not(#fmsc-login),
.fmsc-hide-pw #nav,
.fmsc-hide-pw .fmsc-or { display: none !important; }
.fmsc-reveal { display: none; margin: 14px 0 0; text-align: center; font-size: 12px; }
.fmsc-hide-pw .fmsc-reveal { display: block; }
.fmsc-reveal a { color: #787c82; text-decoration: none; }
.fmsc-reveal a:hover,
.fmsc-reveal a:focus { color: #2271b1; text-decoration: underline; }
