/**
 * SNS シェア（patterns/sns-share.php）
 *
 * 構造: [任意テキスト] [X icon] [Facebook icon]
 *   - 横並び、全アイテム間 gap: spacing-30
 *   - テキストは flex 親の blockGap 指定（パターン側）と CSS で二重に保証
 */

.minolink-sns-share {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: var(--wp--preset--spacing--30);
	margin-block: var(--wp--preset--spacing--30);
}

.minolink-sns-share__text {
	margin: 0;
	line-height: 1;
}

.minolink-sns-share__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	transition: opacity 0.15s ease;
}

.minolink-sns-share__link:hover,
.minolink-sns-share__link:focus-visible {
	opacity: 0.7;
	text-decoration: none;
}

.minolink-sns-share__icon {
	display: block;
	width: 20px;
	height: 20px;
}