/**
 * KR News Agency 공통 스타일.
 *
 * 1. 공유 버튼
 * 2. 속보 배지
 * 3. 접근성: 포커스 가시화
 */

/* 1. 공유 버튼 */
.kr-news-share {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 24px 0;
}

.kr-news-share__btn {
	display: inline-block;
	padding: 10px 16px;

	font-family: inherit;
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	text-decoration: none;

	color: #fff;
	background-color: #333;
	border: 0;
	border-radius: 4px;
	cursor: pointer;
}

.kr-news-share__btn--copy {
	gap: 6px;
	color: #000;
	background-color: #fff;
	border: 1px solid #000;
}

.kr-news-share__btn--copy:hover {
	color: #fff;
	background-color: #000;
}

.kr-news-share__btn-feedback {
	display: inline-block;
	margin-left: 4px;
	font-size: 12px;
	opacity: 0;
	transition: opacity 0.15s ease;
}

.kr-news-share__btn-feedback.is-visible {
	opacity: 1;
}

/* 2. 속보 배지 */
.kr-news-breaking-badge {
	display: inline-block;
	padding: 2px 8px;
	margin-right: 8px;

	font-size: 12px;
	font-weight: 700;

	color: #fff;
	background-color: #c8102e;
	border-radius: 2px;
}

/* 3. 접근성 */
.kr-news-share__btn:focus-visible {
	outline: 2px solid #1d4ed8;
	outline-offset: 2px;
}