.c-share {
	display: flex;
	flex-direction: column;
	align-items: center;
	color: palette(secondary, 500);
}

.c-share__title {
	@include text-style(5);
	margin-bottom: space(2);
	color: palette(secondary, 500);
}

.c-share__list {
	display: flex;
	list-style: none;
	margin: 0;
}

.c-share__item {
	width: 55px;
	height: 63px;

	& + & {
		margin-left: space(2);
	}
}

.c-share__link {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	border: none;
	background: none;
	transition-property: filter;
	transition-duration: 150ms;
	transition-timing-function: ease-out;

	& > svg {
		transition-property: transform;
		transition-duration: 150ms;
		transition-timing-function: ease-out;
	}

	&::before {
		content: '';
		position: absolute;
		display: block;
		background: url(/img/hex.svg);
		background-size: cover;
		width: 100%;
		height: 100%;
		pointer-events: none;
	}

	.ie.v11 & {
		&::before {
			display: none;
		}
	}

	&:hover,
	&:focus {
		outline: none;
		cursor: pointer;
		filter: invert(100%) brightness(140%) hue-rotate(5deg) saturate(80%);

		& > svg {
			transform: scale(1.25);
		}
	}
}