/* Conk WhatsApp CTA — green pill button with the WhatsApp brand colour.
   The brand colour matches the official WhatsApp green (#25D366) so
   the button reads as instantly recognisable in any context. */

.conk-whatsapp-cta {
	align-items: center;
	background: #25d366;
	border: 1px solid #1ebe57;
	border-radius: 999px;
	color: #fff;
	display: inline-flex;
	font: inherit;
	font-weight: 600;
	gap: 8px;
	padding: 10px 18px;
	text-decoration: none;
	transition: background 0.18s ease, transform 0.18s ease;
}

/* Icon is now an inline SVG in the markup itself (PHP `icon_svg()`) —
 * dashicons is only enqueued in wp-admin, not the front-end, so this
 * `::before` rendered as a broken-glyph box on every CTA. */
.conk-whatsapp-cta svg {
	flex: 0 0 auto;
}

.conk-whatsapp-cta:hover,
.conk-whatsapp-cta:focus-visible {
	background: #1ebe57;
	color: #fff;
	outline: 2px solid #1ebe57;
	outline-offset: 2px;
	text-decoration: none;
	transform: translateY(-1px);
}

.conk-whatsapp-cta:focus-visible {
	outline-color: #fff;
}