/**
 * Role Pricing — frontend price CTA
 */

.slrp-price-cta {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0.35rem 0.5rem;
	margin: 0;
	padding: 0.55rem 0.75rem;
	background: var(--sl-color-surface, #f3f4f6);
	border-radius: var(--sl-radius-small, 6px);
	font-size: 0.875rem;
	line-height: 1.35;
	color: var(--sl-color-text, #1a1a1a);
}

.slrp-price-cta__link {
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.slrp-price-cta__link:hover,
.slrp-price-cta__link:focus-visible {
	color: var(--sl-color-primary, #1d4ed8);
}

.slrp-price-cta__sep {
	opacity: 0.55;
	font-weight: 400;
}

.slrp-price-cta__msg {
	font-weight: 400;
	opacity: 0.9;
}

.sl-product-card__price .slrp-price-cta {
	width: 100%;
	box-sizing: border-box;
}