.arrow-link {
	position: relative;
	display: inline-block;
	flex: 0 0 auto;
	width: 20px;
	height: 20px;
	margin-left: 4px;
	vertical-align: middle;
	transition: width 300ms ease;
}

.arrow-link::before,
.arrow-link::after {
	position: absolute;
	top: 0;
	display: block;
	height: 20px;
	background-color: currentColor;
	content: "";
	pointer-events: none;
	transition: transform 300ms ease;
}

.arrow-link::before {
	left: 4.4165px;
	width: 9.085px;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='4.4165 0 9.085 20'%3E%3Cpath d='M4.4165 9.45842H13.5015V10.5417H4.4165Z' fill='black'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='4.4165 0 9.085 20'%3E%3Cpath d='M4.4165 9.45842H13.5015V10.5417H4.4165Z' fill='black'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
	transform-origin: left center;
}

.arrow-link::after {
	left: 9.2338px;
	width: 6.3494px;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='9.2338 0 6.3494 20'%3E%3Cpath d='M13.5015 10.5417L9.2338 14.8095L9.99984 15.5834L15.5832 10.0001L9.99984 4.41675L9.2338 5.19071L13.5015 9.45842Z' fill='black'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='9.2338 0 6.3494 20'%3E%3Cpath d='M13.5015 10.5417L9.2338 14.8095L9.99984 15.5834L15.5832 10.0001L9.99984 4.41675L9.2338 5.19071L13.5015 9.45842Z' fill='black'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
}

a:hover .arrow-link,
a:focus-visible .arrow-link {
	width: 28px;
}

a:hover .arrow-link::before,
a:focus-visible .arrow-link::before {
	transform: scaleX(1.880572372);
}

a:hover .arrow-link::after,
a:focus-visible .arrow-link::after {
	transform: translateX(8px);
}

.arrow-link-hover::after {
	display: inline-block;
	width: 0;
	height: 20px;
	margin-left: 0;
	background-color: currentColor;
	content: "";
	opacity: 0;
	vertical-align: middle;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M12.7739 9.99997L8.06247 14.7114L7.28851 13.9375L11.226 9.99997L7.28851 6.06247L8.06247 5.28851L12.7739 9.99997Z' fill='black'/%3E%3C/svg%3E") right center / 20px 20px no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M12.7739 9.99997L8.06247 14.7114L7.28851 13.9375L11.226 9.99997L7.28851 6.06247L8.06247 5.28851L12.7739 9.99997Z' fill='black'/%3E%3C/svg%3E") right center / 20px 20px no-repeat;
	transform: translateX(-4px);
	transition:
		width 300ms ease,
		margin-left 300ms ease,
		opacity 180ms ease,
		transform 300ms ease;
}

.arrow-link-hover:hover::after,
.arrow-link-hover:focus-visible::after {
	width: 20px;
	margin-left: 4px;
	opacity: 1;
	transform: translateX(0);
}

@media (max-width: 1024px) {
	.arrow-link-hover::after {
		display: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.arrow-link,
	.arrow-link::before,
	.arrow-link::after,
	.arrow-link-hover::after {
		transition: none;
	}
}