.ate-text-btn {
	display: inline-flex;
	align-items: center;
	gap: 24px;
	color: #1a1a1a;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	transition: color 0.2s;
}

.ate-text-btn:hover,
.ate-text-btn:focus {
	color: #1a1a1a;
	text-decoration: none;
}

.ate-text-btn__text {
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 700;
	font-size: 32px;
	line-height: 27px;
	text-transform: uppercase;
}

.ate-text-btn__arrow {
	display: inline-block;
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 600;
	font-size: 18px;
	line-height: 27px;
	transition: transform 0.2s ease-out;
}

.ate-text-btn:hover .ate-text-btn__arrow,
.ate-text-btn:focus-visible .ate-text-btn__arrow {
	transform: translateX(var(--ate-arrow-shift, 6px));
}

@media (prefers-reduced-motion: reduce) {
	.ate-text-btn__arrow {
		transition: none;
	}
}