button {
	cursor: pointer;
	
	border-radius: var(--corner-radius-tile);
	border: 0 none;
	margin: 4px;
	padding: 8px 16px;
	
	font-family: inherit;
	font-size: var(--font-size-interactable);
	
	background-color: var(--color-tile);
	background-clip: border-box;
	background-origin: border-box;
	color: inherit;
	
	box-shadow:
		var(--shadow-tile-light),
		var(--shadow-tile-shadow),
		inset 0 0 0px 0px var(--color-accent-25);
	transition-property: box-shadow;
	transition-duration: var(--anim-duration);
}
	button.liui-borderless {
		background-color: transparent;
		--shadow-tile-light: inset 0 0 0 0 transparent;
		--shadow-tile-shadow: inset 0 0 0 0 transparent;
	}
	button:focus-visible {
		outline: none;
		box-shadow:
			var(--shadow-tile-light),
			var(--shadow-tile-shadow),
			var(--shadow-tile-focus-ring);
	}
	button:hover {
		/*background-color: var(--color-tile-accent);*/
		box-shadow:
			var(--shadow-tile-light),
			var(--shadow-tile-shadow),
			inset 0 0 2px 0px var(--color-accent-25);
	}
	button:active {
		background-color: var(--color-tile-accent-active);
	}

.liui-card {
	display: block;
	
	border-radius: var(--corner-radius-card);
	margin: 0px;
	padding: 8px;
	
	background-color: var(--color-surface);
	
	box-shadow: var(--shadow-surface);
}