button,
:where(a[role='button']) {
	cursor: pointer;
	border: none;
	letter-spacing: 0.06rem;
	padding-inline: var(--space-small);
	padding-block: var(--space-tiny);
	border-radius: var(--border-radius);
}

button.disabled,
:where(a[role='button']).disabled {
	cursor: default;
	background-color: var(--color-neutral);
	color: var(--color-neutral-dark);
	pointer-events: none;
}

button.disabled > i,
:where(a[role='button']).disabled > i {
	color: var(--color-neutral-dark);
}

button.no-padding,
:where(a[role='button']).no-padding {
	padding: 0;
}

button.disabled.disabled-clear,
:where(a[role='button']).disabled.disabled-clear {
	background-color: transparent;
	color: var(--color-neutral);
}

button.disabled.disabled-clear > i,
:where(a[role='button']).disabled.disabled-clear > i {
	color: var(--color-neutral);
}