.text-wrap-balance {
	text-wrap: balance;
}

.text-wrap-pretty {
	text-wrap: pretty;
}

/* hide-on-* @media rules are generated in PHP (class-breakpoint-css.php). */

.wp-block-button {
	&.has-ursa6-icon .wp-block-button__link {
		display: inline-flex;
		align-items: center;
		gap: 0.5em;
	}
}

.ursa6-button-icon {
	display: inline-flex;
	line-height: 0;
	vertical-align: middle;
}

.ursa6-button-icon__circle {
	stroke-dasharray: 95;
	stroke-dashoffset: calc(95 * var(--ursa6-motion-scale, 1));
	transition: stroke-dashoffset calc(0.8s * var(--ursa6-motion-scale, 1)) ease;
}

.has-ursa6-icon--arrow-left,
.has-ursa6-icon--arrow-right {
	a:hover,
	a:focus,
	a:active {
		.ursa6-button-icon__circle {
			stroke-dashoffset: 0;
		}
	}
}