/* Default */
.hero__decorative-div {
	width: 6rem;
	height: 3px;
}

body.decorative--default .hero__decorative-div,
.line--default .highlight-line {
	background: var(--action);
}

/* Special cases */
body.decorative--one .hero__decorative-div,
.line--one .highlight-line {
	background: var(--secondary-ultra-dark);
}

body.decorative--two .hero__decorative-div,
.line--two .highlight-line {
	background: var(--primary-dark);
}

/* Highlight line with different colors */
div.highlight-line {
	width: var(--highlight-width);
	height: var(--highlight-height);
}

/* Margin for highlight line */
.highlight-line {
	margin: 2rem 0;
}