/* Trattek Chat Order — front-end styles */

.wcwc-thankyou-panel {
	margin: 1.5em 0;
	padding: 1.25em 1.5em;
	border: 1px solid #e4e7ec;
	border-radius: 10px;
	background: #f8fafb;
}

.wcwc-thankyou-panel .wcwc-success-message {
	margin: 0 0 1em;
	font-size: 1.05em;
	line-height: 1.6;
}

.wcwc-chat-button {
	display: inline-flex;
	align-items: center;
	gap: .5em;
	background-color: #25D366;
	border-color: #25D366;
	color: #fff;
	font-weight: 600;
	padding: .75em 1.5em;
	border-radius: 8px;
	text-decoration: none;
}

.wcwc-copy-button {
	margin-top: .25em;
}

.wcwc-chat-button:hover,
.wcwc-chat-button:focus {
	filter: brightness( .95 );
	color: #fff;
}

.wcwc-chat-button::before {
	content: "";
	display: inline-block;
	width: 1.1em;
	height: 1.1em;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	/* Inline Chat glyph so no external asset is required. */
	background-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M17.5 14.4c-.3-.2-1.7-.9-2-1-.3-.1-.5-.2-.6.2-.2.3-.7.9-.8 1.1-.2.2-.3.2-.6.1-.3-.2-1.2-.5-2.3-1.4-.9-.8-1.4-1.7-1.6-2-.2-.3 0-.5.1-.6l.5-.5c.1-.2.2-.3.3-.5.1-.2 0-.4 0-.5 0-.2-.6-1.6-.9-2.1-.2-.5-.4-.5-.6-.5h-.5c-.2 0-.5.1-.7.3-.2.3-.9.9-.9 2.2s1 2.5 1.1 2.7c.1.2 1.9 3 4.6 4.1.6.3 1.1.4 1.5.5.6.2 1.2.2 1.6.1.5-.1 1.5-.6 1.7-1.2.2-.6.2-1.1.1-1.2 0-.1-.2-.2-.5-.4zM12 3.5c-4.7 0-8.5 3.8-8.5 8.5 0 1.5.4 2.9 1.1 4.2L3.5 20.5l4.4-1.1c1.2.7 2.6 1 4.1 1 4.7 0 8.5-3.8 8.5-8.5S16.7 3.5 12 3.5z'/%3E%3C/svg%3E" );
}