/* Keep arrow on the same line as the label. Theme uses inline-block / float on these links. */
.text-arrow {
	display: inline-block !important;
	float: none !important;
	width: 12px !important;
	height: 12px !important;
	flex-shrink: 0;
	line-height: 0;
	vertical-align: -0.1em;
}

.text-arrow svg {
	display: block;
	width: 12px !important;
	height: 12px !important;
}

.service-card a,
.social-links a,
a.text-link,
a.text-link.strong,
a.header-cta,
a.button,
button.button {
	display: inline-flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	align-items: center !important;
	justify-content: center;
	white-space: nowrap !important;
	width: fit-content !important;
	max-width: 100%;
	gap: 6px;
}

.wpcf7 .wpcf7-submit.button {
	width: 100% !important;
	max-width: 100%;
}

.contact .wpcf7 form.enquiry-form .wpcf7-submit.button span {
	margin-left: 5px!important;
}

.project-arrow .text-arrow,
.project-arrow .text-arrow svg {
	width: 22px !important;
	height: 22px !important;
}

@media (width <= 700px) {
	.service-card a .text-arrow,
	.service-card a .text-arrow svg,
	.social-links a .text-arrow,
	.social-links a .text-arrow svg,
	.text-link .text-arrow,
	.text-link .text-arrow svg,
	.header-cta .text-arrow,
	.header-cta .text-arrow svg,
	.button .text-arrow,
	.button .text-arrow svg,
	.submit-arrow.text-arrow,
	.submit-arrow.text-arrow svg {
		width: 16px !important;
		height: 16px !important;
	}

	/* Theme hides header CTA spans on small screens. */
	.header-cta .text-arrow {
		display: inline-block !important;
	}
}