/*
 * The Send/Verify controls reuse UM's own .um-button classes, exactly like the
 * miniOrange phone button, so they inherit the theme's button styling instead of
 * being restyled here. Only the surrounding text needs rules.
 */

#ncobauk-otp-wrap,
.ncobauk-otp-code-actions {
	display: block;
	text-align: center;
}

#ncobauk-otp-wrap .ncobauk-otp-badge,
#ncobauk-otp-wrap .ncobauk-otp-change,
.ncobauk-otp-code-actions .ncobauk-otp-status {
	display: inline-block;
	margin-top: 8px;
	font-size: 14px;
	line-height: 1.4;
}

.ncobauk-otp-badge {
	color: #7ddf94;
	font-weight: 700;
}

.ncobauk-otp-badge::before {
	content: "\2713\00a0";
}

.ncobauk-otp-change {
	margin-left: 10px;
	color: inherit;
	opacity: 0.85;
	text-decoration: underline;
}

.ncobauk-otp-status {
	color: inherit;
	opacity: 0.9;
}

.ncobauk-otp-status.is-error {
	color: #ffcccc;
	font-weight: 600;
	opacity: 1;
}

.ncobauk-otp-status:empty {
	display: none;
}