/**
 * Storefront layout for the two prices.
 * Colors and weight from paid plans are added as classes or an inline color.
 */

.brayne-dualprice {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0.35em 0.75em;
}

.brayne-dualprice__primary,
.brayne-dualprice__secondary {
	display: inline-flex;
	align-items: baseline;
	gap: 0.35em;
}

.brayne-dualprice__label {
	font-size: 0.8em;
	font-weight: 600;
}

.brayne-dualprice--size-small .brayne-dualprice__secondary,
.brayne-dualprice__secondary--small {
	font-size: 0.85em;
}

.brayne-dualprice--weight-semibold .brayne-dualprice__secondary,
.brayne-dualprice__secondary--semibold {
	font-weight: 600;
}