@zeix/ui-element/docs-src/components/basic-counter/basic-counter.css

UIElement - a HTML-first library for reactive Web Components

basic-counter {
	& button {
		border: 1px solid var(--color-border);
		border-radius: var(--space-xs);
		background-color: var(--color-secondary);
		padding: var(--space-xs) var(--space-s);
		cursor: pointer;
		color: var(--color-text);
		font-size: var(--font-size-m);
		line-height: var(--line-height-xs);
		transition: background-color var(--transition-short) var(--easing-inout);

		&:hover {
			background-color: var(--color-secondary-hover);
		}

		&:active {
			background-color: var(--color-secondary-active);
		}
	}
}