/* Orixo's swapping arrow treatment, adapted to an editable core Button. */
.is-style-einao-arrow .wp-block-button__link {
	position: relative;
	display: inline-flex;
	align-items: center;
	min-height: calc(
		var(--wp--custom--size--arrow) + 2 * var(--wp--custom--button--inset)
	);
	padding: var(--wp--custom--button--inset) var(--wp--custom--button--end)
		var(--wp--custom--button--inset)
		var(--wp--custom--button--label-padding);
	background: var(--wp--preset--color--white);
	color: var(--wp--preset--color--ink);
	font-size: var(--wp--preset--font-size--body);
	line-height: 1.5;
	text-decoration: none;
	transition:
		color var(--wp--custom--motion--normal),
		background-color var(--wp--custom--motion--normal),
		padding var(--wp--custom--motion--normal);
}
.is-style-einao-arrow .wp-block-button__link::before,
.is-style-einao-arrow .wp-block-button__link::after {
	content: "";
	position: absolute;
	inset-block-start: 50%;
	width: var(--wp--custom--size--arrow);
	height: var(--wp--custom--size--arrow);
	border-radius: var(--wp--custom--radius--pill);
	background: var(--wp--preset--color--accent)
		url("../../icons/arrow-up-right.svg") center / 45% no-repeat;
	transform: translateY(-50%);
	transition: transform var(--wp--custom--motion--normal)
		var(--wp--custom--motion--ease);
}
.is-style-einao-arrow .wp-block-button__link::before {
	inset-inline-start: var(--wp--custom--button--inset);
	transform: translateY(-50%) scale(0);
}
.is-style-einao-arrow .wp-block-button__link::after {
	inset-inline-end: var(--wp--custom--button--inset);
}
.is-style-einao-arrow .wp-block-button__link:is(:hover, :focus-visible) {
	background: var(--wp--preset--color--white);
	color: var(--wp--preset--color--ink);
	padding-inline-start: calc(
		var(--wp--custom--button--label-padding) +
			var(--wp--custom--button--shift)
	);
	padding-inline-end: calc(
		var(--wp--custom--button--end) - var(--wp--custom--button--shift)
	);
}
.is-style-einao-arrow
	.wp-block-button__link:is(:hover, :focus-visible)::before {
	transform: translateY(-50%) scale(1);
}
.is-style-einao-arrow .wp-block-button__link:is(:hover, :focus-visible)::after {
	transform: translateY(-50%) scale(0);
}
.einao-footer__panel
	.is-style-einao-arrow
	.wp-block-button__link:is(:hover, :focus-visible) {
	background: var(--wp--preset--color--ink);
	color: var(--wp--preset--color--paper);
}