/* Viewport labels — one visible label per breakpoint band */

.con-cta-label {
	display: none;
}

@media (min-width: 1794px) {
	.con-cta-label--desktop {
		display: inline;
	}
}

@media (min-width: 1280px) and (max-width: 1793px) {
	.con-cta-label--narrow {
		display: inline;
	}
}

@media (min-width: 768px) and (max-width: 1024px) {
	.con-cta-label--tablet {
		display: inline;
	}
}

@media (max-width: 767px) {
	.con-cta-label--mobile {
		display: inline;
	}
}

/* Icon-only narrow CTA: hide text labels, keep icon visible */
@media (min-width: 1280px) and (max-width: 1793px) {
	.con-header-cta--icon-narrow .con-cta-label {
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		margin: -1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		white-space: nowrap;
		border: 0;
	}
}
