.subheading {
	position: relative;
	margin: 0;
	padding-top: var(--o3-spacing-3xs);
	padding-bottom: var(--o3-spacing-2xs);

	&:after {
		border-top: 8px solid var(--o3-color-palette-black);
		content: '';
		left: 0;
		top: 0;
		position: absolute;
		width: 100%;
	}
}

.subheading--level-2,
.subheading--level-3 {
	padding-top: var(--o3-spacing-4xs);
	&:after {
		border-top-width: 1px;
	}
}

.subheading__title {
	margin-top: 0;
	margin-bottom: 0;
	.subheading--level-2 .subheading__title,
	.subheading--level-3 .subheading__title {
		margin-top: 0;
		margin-bottom: 0;
	}
}

.subheading__link {
	margin-left: var(--o3-spacing-4xs);
}