/* Copy Print Services: blog call-to-action pill (Tao Content Abilities). */
/* Keep padding inside widths. */
.cps-cta-pill,
.cps-cta-pill * {
	box-sizing: border-box;
}

.cps-cta-pill {
	--cps-pill-bg: #1A1A1A;
	--cps-pill-accent: #93B050;
	--cps-pill-accent-dark: #7A9742;
	--cps-pill-accent-light: #B5CD7A;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1.25rem;
	margin: 2.5rem 0;
	padding: 0.85rem 0.85rem 0.85rem 1.1rem;
	background: var(--cps-pill-bg);
	border-radius: 999px;
	box-shadow: 0 10px 28px -14px rgba(26, 26, 26, 0.55);
	position: relative;
	overflow: hidden;
}

/* Soft green glow on the left edge. */
.cps-cta-pill::before {
	content: "";
	position: absolute;
	inset: 0;
	background: radial-gradient(120% 160% at 0% 50%, rgba(147, 176, 80, 0.28) 0%, rgba(147, 176, 80, 0) 55%);
	pointer-events: none;
}

.cps-cta-pill > * {
	position: relative;
	margin: 0 !important;
}

.cps-cta-pill .cps-cta-pill__text {
	display: flex;
	align-items: center;
	gap: 0.9rem;
	color: #FFFFFF;
	font-family: var(--wp--preset--font-family--heading, 'Lexend Deca', system-ui, sans-serif);
	font-weight: 600;
	font-size: clamp(1rem, 0.94rem + 0.3vw, 1.15rem);
	line-height: 1.35;
	letter-spacing: -0.005em;
}

/* Green circle with a tick before the wording. */
.cps-cta-pill .cps-cta-pill__text::before {
	content: "";
	flex: 0 0 2.5rem;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 50%;
	background: var(--cps-pill-accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.2 4.2L19 7'/%3E%3C/svg%3E") center / 1.15rem no-repeat;
	box-shadow: 0 0 0 5px rgba(147, 176, 80, 0.18);
}

.cps-cta-pill .cps-cta-pill__text strong,
.cps-cta-pill .cps-cta-pill__text a {
	color: inherit;
}

.cps-cta-pill .cps-cta-pill__actions {
	flex: 0 0 auto;
}

.cps-cta-pill .wp-block-button .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	gap: 0.55rem;
	padding: 0.85rem 1.5rem;
	border: 0;
	border-radius: 999px;
	background: var(--cps-pill-accent);
	color: #FFFFFF;
	font-family: var(--wp--preset--font-family--heading, 'Lexend Deca', system-ui, sans-serif);
	font-weight: 600;
	font-size: 1rem;
	line-height: 1.2;
	text-decoration: none;
	white-space: nowrap;
	transition: background-color 0.2s ease, transform 0.2s ease;
}

.cps-cta-pill .wp-block-button .wp-block-button__link::after {
	content: "\2192";
	display: inline-block;
	font-weight: 700;
	transition: transform 0.2s ease;
}

.cps-cta-pill .wp-block-button .wp-block-button__link:hover,
.cps-cta-pill .wp-block-button .wp-block-button__link:focus-visible {
	background: var(--cps-pill-accent-dark);
	color: #FFFFFF;
}

.cps-cta-pill .wp-block-button .wp-block-button__link:hover::after {
	transform: translateX(3px);
}

.cps-cta-pill .wp-block-button .wp-block-button__link:focus-visible {
	outline: 3px solid var(--cps-pill-accent-light);
	outline-offset: 3px;
}

/* Phones: stack the wording above a full-width button. */
@media (max-width: 640px) {
	.cps-cta-pill {
		flex-direction: column;
		align-items: stretch;
		gap: 1rem;
		padding: 1.1rem;
		border-radius: 28px;
	}

	.cps-cta-pill .cps-cta-pill__actions,
	.cps-cta-pill .wp-block-button,
	.cps-cta-pill .wp-block-button .wp-block-button__link {
		width: 100%;
	}

	.cps-cta-pill .wp-block-button .wp-block-button__link {
		justify-content: center;
		white-space: normal;
	}
}

@media (prefers-reduced-motion: reduce) {
	.cps-cta-pill .wp-block-button .wp-block-button__link,
	.cps-cta-pill .wp-block-button .wp-block-button__link::after {
		transition: none;
	}
}