.share {
	margin-block-end: var(--spacing-10);
}

.share__title {
	font-size: var(--step--1);
	margin: 0 0 var(--spacing-10);
}

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

	@media (min-width: 1200px) {
		flex-direction: column;
		align-items: end;
	}
}

.share__item {
	display: flex;
	align-items: center;

	@media (min-width: 1200px) {
		justify-content: end;
	}

	svg {
		max-height: 20px;
		max-width: 20px;
		height: 100%;
		width: 100%;
	}

	path {
		fill: var(--black);
		transition: fill 0.3s;

		.share__link:hover &,
		.share__link:focus-within & {
			fill: var(--teal);
		}
	}
}

.share__link {
	display: block;
}