.liteshare{
	--liteshare-icon-size:18px;
	--liteshare-button-size:42px;
	--liteshare-gap:8px;
	--liteshare-radius:8px;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:var(--liteshare-gap);
	margin-block:1.25rem;
}
.liteshare__button{
	box-sizing:border-box;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:.45em;
	min-inline-size:var(--liteshare-button-size);
	block-size:var(--liteshare-button-size);
	padding-inline:calc((var(--liteshare-button-size) - var(--liteshare-icon-size))/2);
	border:0;
	border-radius:var(--liteshare-radius);
	font:inherit;
	line-height:1;
	text-decoration:none;
	cursor:pointer;
	transition:opacity .15s ease;
}
.liteshare__button:hover{opacity:.86}
.liteshare__button:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.liteshare__icon{inline-size:var(--liteshare-icon-size);block-size:var(--liteshare-icon-size);flex:0 0 auto}
.liteshare__label{font-size:.875rem;line-height:1;white-space:nowrap}
.liteshare--brand .liteshare__button{color:#fff}
.liteshare--brand .liteshare__button--facebook{background:#1877f2}
.liteshare--brand .liteshare__button--x{background:#000}
.liteshare--brand .liteshare__button--linkedin{background:#0a66c2}
.liteshare--brand .liteshare__button--whatsapp{background:#25d366}
.liteshare--brand .liteshare__button--telegram{background:#229ed9}
.liteshare--brand .liteshare__button--pinterest{background:#e60023}
.liteshare--brand .liteshare__button--reddit{background:#ff4500}
.liteshare--brand .liteshare__button--email{background:#555}
.liteshare--brand .liteshare__button--copy{background:#444}
.liteshare--monochrome .liteshare__button{background:currentColor}
.liteshare--monochrome .liteshare__button .liteshare__icon,
.liteshare--monochrome .liteshare__button .liteshare__label{color:#fff}
.liteshare--custom .liteshare__button{background:var(--liteshare-custom-bg,#333);color:var(--liteshare-custom-icon,#fff)}
.liteshare--custom .liteshare__button:hover{background:var(--liteshare-custom-hover,#111);opacity:1}
@media (prefers-reduced-motion:reduce){
	.liteshare__button{transition:none}
}

.liteshare__button:active{opacity:.72}

@media (max-width:480px){
	.liteshare__button{max-inline-size:100%}
	.liteshare__label{overflow:hidden;text-overflow:ellipsis}
}