.rd-customer-offer-notice {
	margin: var(--rd-spacing-xx-sm) 0 var(--rd-spacing-sm);
	padding: var(--rd-spacing-x-sm) var(--rd-spacing-sm);
	background: var(--rd-blue-50);
	border-left: var(--rd-borderwidth-border-focus) solid var(--rd-secondary-active);
	border-radius: var(--rd-borderradius-border-md);
	color: var(--rd-gray-700);
	font-size: var(--rd-fontsize-3);
	line-height: var(--rd-lineheights-1);
}

.rd-customer-offer-notice-title {
	display: flex;
	align-items: center;
	gap: var(--rd-spacing-xx-sm);
	margin-bottom: var(--rd-spacing-xx-sm);
	color: var(--rd-secondary-active);
	font-size: var(--rd-fontsize-2);
	font-weight: var(--rd-fontweights-open-sans-1);
	letter-spacing: var(--rd-letterspacing-1);
	text-transform: uppercase;
}

.rd-customer-offer-notice-title .rd-icon-invoice::before {
	background-color: var(--rd-secondary-active);
}

.rd-customer-offer-notice a,
.rd-customer-offer-notice-inactive {
	display: inline-block;
	margin-top: var(--rd-spacing-xx-sm);
}

.rd-customer-offer-notice a {
	color: var(--rd-primary-active);
	font-weight: var(--rd-fontweights-open-sans-1);
}

.rd-customer-offer-notice-inactive {
	color: var(--rd-gray-500);
}