/*
 * Share buttons + copy-link component. Extracted from Sprint 3's
 * article.css verbatim.
 *
 * @package TFGadgets
 */

.share-buttons{
	max-width:720px; margin:32px auto 0;
	display:flex; align-items:center; gap:10px; flex-wrap:wrap;
	padding-top:24px; border-top:1px solid var(--line);
}
.share-buttons__label{
	font-family:var(--font-mono); font-size:11px; text-transform:uppercase; letter-spacing:.08em;
	color:var(--text-faint); margin-right:4px;
}
.share-buttons__btn{
	width:38px; height:38px; display:inline-flex; align-items:center; justify-content:center;
	border:1px solid var(--line-strong); color:var(--text-muted);
}
.share-buttons__btn svg{ width:16px; height:16px; }
.share-buttons__btn:hover{ border-color:var(--accent); color:var(--accent); }
.share-buttons__copy.is-copied{ border-color:var(--accent); color:var(--accent); }
.share-buttons__status{
	position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(1px,1px,1px,1px); white-space:nowrap;
}