/* Shelving Store Share Cart - share buttons on the cart and checkout pages */

/* Buttons */
.share-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin: 10px;
	padding: 8px;
	border-radius: 4px;
	font-size: 20px;
	height: 24px;
}

/* Copy */
.copy-btn {
	background: #606062;
	color: #fff;
}

/* WhatsApp colour */
.wa-btn {
	background: #33cc33;
	color: #fff;
}

/* Email */
.email-btn {
	background: #2271b1;
	color: #fff;
}

/* Cart page: larger buttons and icons (checkout keeps the standard size).
   To resize, change the button height and the icon width / height together. */
.woocommerce-cart .shelving_store-share-cart-box .share-btn {
	height: 36px;
	padding: 8px 12px;
}

.woocommerce-cart .shelving_store-share-cart-box .share-btn svg {
	width: 20px;
	height: 20px;
}

/* While the share link is being generated */
.share-btn.is-loading {
	opacity: 0.6;
	cursor: wait;
}

/* "Copied!" confirmation */
.share-btn.is-copied {
	font-size: 13px;
	line-height: 1;
	white-space: nowrap;
}