/* Button. Tokens only (TokenLintTest). */
.c-button {
	display: inline-flex; align-items: center; justify-content: center; gap: var(--space-1-5);
	height: var(--button-height); padding: 0 var(--space-4);
	border-radius: var(--radius-s);
	font-size: var(--text-m); font-weight: 700; white-space: nowrap;
	transition: background var(--t-state) var(--ease-standard), transform var(--t-feedback) var(--ease-standard);
}
.c-button { max-width: 100%; }
/* A label longer than the screen ends in an ellipsis instead of pushing the page sideways. */
.c-button__label { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.c-button .icon { flex: none; }
.c-button:active { transform: scale(0.96); }
.c-button--primary { background: var(--color-light); color: var(--color-on-light); }
.c-button--secondary { background: var(--color-control); color: var(--color-text); }
.c-button--tertiary { background: var(--color-control-hover); color: var(--color-text); }
.c-button--accent { background: var(--color-accent); color: var(--color-text); }
.c-button--l { height: var(--button-height-l); }
.c-button[aria-disabled="true"] { opacity: 0.5; pointer-events: none; }
@media (min-width: 600px) {
	.c-button--hero { height: var(--button-height-hero); padding: 0 var(--button-pad-hero); font-size: var(--text-l); }
}
@media (hover: hover) and (pointer: fine) {
	.c-button--primary:hover { background: var(--color-light-hover); }
	.c-button--secondary:hover { background: var(--color-control-hover); }
	.c-button--accent:hover { background: var(--color-accent-hover); }
}
@media (prefers-reduced-motion: reduce) {
	.c-button:active { transform: none; }
}