/*
 * „Kopiuj link” (template-parts/components/copy-link.php): a chain icon and
 * an underlined label, from docs/preview/inspiracje_szablon.png (next to
 * „Wróć do inspiracji” and next to the tags). The status after a copy
 * stands right of the button.
 */

.hf-copy-link
{
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0 0.75em;
}

.hf-copy-link__button
{
	display: inline-flex;
	align-items: center;
	gap: 0.6em;
	padding: 0.25em 0;
	border: 0;
	background: none;
	color: var(--hf-color-heading);
	cursor: pointer;
	font: inherit;
	transition: color var(--hf-transition);
}

.hf-copy-link__button[hidden]
{
	display: none;
}

.hf-copy-link__button:hover
{
	color: var(--hf-color-primary-hover);
}

.hf-copy-link__icon
{
	flex: none;
	width: 1.15em;
	height: 1.15em;
	/* The 48-unit icon drawn at text size needs a heavier line. */
	stroke-width: 3.5;
}

.hf-copy-link__label
{
	text-decoration: underline;
	text-decoration-color: var(--hf-color-line);
	text-decoration-thickness: 1px;
	text-underline-offset: 0.3em;
}

.hf-copy-link__status
{
	color: var(--hf-color-text);
	font-size: 0.875em;
}