/* Midnight Back Button — base styles */

.mbb-wrap {
	display: block;
}

.mbb-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	cursor: pointer;
	transition: background-color 0.25s ease, color 0.25s ease, box-shadow 0.25s ease;
	line-height: 1;
}

/* Size presets — padding only; font-size is overridden by Typography control */
.mbb-btn.mbb-size-xs { padding: 6px 12px;  font-size: 11px; }
.mbb-btn.mbb-size-sm { padding: 8px 16px;  font-size: 13px; }
.mbb-btn.mbb-size-md { padding: 12px 24px; font-size: 15px; }
.mbb-btn.mbb-size-lg { padding: 14px 30px; font-size: 17px; }
.mbb-btn.mbb-size-xl { padding: 18px 40px; font-size: 19px; }

.mbb-btn svg {
	display: inline-block;
	flex-shrink: 0;
	vertical-align: middle;
	/* fill colour is set via the Color control selector */
}

.mbb-label {
	display: inline-block;
	vertical-align: middle;
}