@charset 'utf-8';
@use '../global' as *;


/* SNS Icons
---------------------------------------------*/
.sns {
	display: flex;
	align-items: center;
	column-gap: .5em;
	font-size: 1em;
}

.sns__item {

}

.sns__link {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;

	color: var(--sns-icon-color, inherit);

	&:hover {
		opacity: .8;
		color: var(--sns-icon-color--hover, var(--link-color--hover));
	}
}

.sns__text {
	display: block;
	font-size: .5em;
	line-height: 1.2;
}