/**
 * Component: Link Popup
 *
 * Link chữ thuần: không nền, không viền, không hover box - chỉ đổi màu chữ khi hover.
 * Reset toàn bộ mặc định của thẻ <button> để trông y hệt thẻ <a> gạch chân.
 */

.teco-link-popup {
	display: inline;
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	box-shadow: none;
	appearance: none;
	-webkit-appearance: none;
	min-height: 0;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	text-align: left;
	text-transform: none;
	letter-spacing: normal;
	color: var(--teco-color-orange, #FF9900);
	text-decoration: underline;
	cursor: pointer;
	transition: color 0.3s var(--teco-ease-out-quart, ease);
}

.teco-link-popup:hover,
.teco-link-popup:focus-visible {
	color: var(--teco-color-orange, #FF9900);
	opacity: 0.8;
}