/**
 * SNS 아이콘 줄.
 * 아이콘은 단색이라 색은 currentColor 로 따라온다.
 * 푸터 안에서는 테마가 색을 정하고, 여기서는 배치와 크기만 맡는다.
 */

.nn-social {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.35rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

.nn-social__item {
	margin: 0;
}

.nn-social__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	/* 손가락으로 누를 수 있는 최소 크기 */
	width: 2.25rem;
	height: 2.25rem;
	border-radius: 50%;
	text-decoration: none;
	transition: color 0.15s ease, background-color 0.15s ease;
}

.nn-social__link svg {
	display: block;
	width: 1.25rem;
	height: 1.25rem;
}

@media (prefers-reduced-motion: reduce) {
	.nn-social__link {
		transition: none;
	}
}