/* Shared compact action badge: comment replies and code copying. */
.site-action-badge {
	--_action-badge-rgb: var(--action-badge-rgb, 165, 138, 247);
	box-sizing: border-box;
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: flex-end;
	gap: 7px;
	height: 32px;
	min-height: 32px;
	margin: 0;
	padding: 0 10px;
	border: 1px solid rgba(var(--_action-badge-rgb), .42);
	border-radius: 0;
	appearance: none;
	color: color-mix(in srgb, rgb(var(--_action-badge-rgb)) 72%, white);
	background: rgba(10, 12, 28, .82);
	box-shadow: 0 0 10px rgba(var(--_action-badge-rgb), .1);
	backdrop-filter: blur(14px) saturate(135%);
	-webkit-backdrop-filter: blur(14px) saturate(135%);
	font: 400 10px/1 "GothamPro", "Gotham Pro", sans-serif;
	letter-spacing: .06em;
	text-transform: uppercase;
	cursor: pointer;
	transition:
		border-color 150ms ease-out,
		box-shadow 150ms ease-out,
		color 150ms ease-out,
		filter 150ms ease-out;
}

.site-action-badge > span {
	display: block;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
}

.site-action-badge::after {
	position: absolute;
	top: -1px;
	right: -1px;
	bottom: -1px;
	z-index: 2;
	width: 3px;
	background: rgb(var(--_action-badge-rgb));
	box-shadow: 0 0 6px rgba(var(--_action-badge-rgb), .58);
	content: "";
	pointer-events: none;
}

.site-action-badge svg {
	display: block;
	width: 16px;
	height: 16px;
	flex: 0 0 16px;
	fill: none;
	stroke: currentColor;
	stroke-linecap: square;
	stroke-linejoin: miter;
	stroke-width: 1.6;
}

.site-action-badge:hover,
.site-action-badge:focus-visible {
	border-color: rgba(var(--_action-badge-rgb), .82);
	box-shadow: 0 0 14px rgba(var(--_action-badge-rgb), .22);
	color: color-mix(in srgb, rgb(var(--_action-badge-rgb)) 48%, white);
	filter: brightness(1.12);
	outline: none;
}

@media (prefers-reduced-motion: reduce) {
	.site-action-badge { transition: none; }
}