.share__title {
	color: var(--orange);
	font-size: var(--step--1);
	font-weight: 700;
	letter-spacing: 0.04em;
	margin: 0 0 var(--spacing-10);
	text-transform: uppercase;
}

.share__title::before {
	background-image: url("../../images/overline-bracket.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	block-size: 1.25em;
	content: "";
	display: inline-block;
	inline-size: 0.6em;
	margin-inline-end: -2px;
	vertical-align: -0.25em;
}

.share__title::after {
	background-image: url("../../images/overline-bracket.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	block-size: 1.25em;
	content: "";
	display: inline-block;
	inline-size: 0.6em;
	margin-inline-start: -2px;
	transform: scaleX(-1);
	vertical-align: -0.25em;
}

.share__items {
	display: flex;
	gap: var(--spacing-10);
	list-style: none;
	margin: 0;
	padding: 0;
}

.share__link {
	align-items: center;
	background-color: var(--fog);
	border-radius: 999px;
	color: var(--gray-carbon);
	display: flex;
	height: 42px;
	justify-content: center;
	text-decoration: none;
	transition:
		background-color 0.2s ease,
		color 0.2s ease;
	width: 42px;
}

.share__link:hover,
.share__link:focus {
	background-color: var(--orange);
	color: var(--white);
}

.share__link svg {
	height: 16px;
	width: 16px;
}

.share__link path {
	fill: var(--midnight);
}