/* ========================= BUTTON ========================= */
.aa-button{
	justify-self:center;
	display:inline-flex;
	align-items:center;
	gap:.8em;
	padding:1em 2.2em;
	border-radius:999px;
	border:1px solid currentColor;
	font-family:var(--font-mono);
	font-size:var(--fs-label);
	letter-spacing:.16em;
	transition:gap var(--dur-fast) var(--ease-out), background var(--dur-fast) linear;
}
.aa-button:hover{ gap:1.4em; background:rgb(127 168 255 / .12) }
.aa-button__arrow::after{ content:"→" }

.aa-button--primary{
	background:var(--c-ink);
	color:var(--c-snow);
	border-color:transparent;
}
.aa-button--primary:hover{ background:#1a2740 }
.aa-button--ghost{ border-color:rgb(255 255 255 / .3) }