/** Shared button foundation. Other modules will adopt it incrementally. */
.drossi-ui-control {
	align-items: center;
	background: #fff;
	border: 1px solid var(--drossi-ui-control-border);
	border-radius: var(--drossi-ui-control-radius);
	box-shadow: var(--drossi-ui-control-shadow);
	box-sizing: border-box;
	display: inline-flex;
	height: var(--drossi-ui-control-size);
	justify-content: center;
	transition: border-color var(--drossi-ui-transition), box-shadow var(--drossi-ui-transition), transform var(--drossi-ui-transition);
	width: var(--drossi-ui-control-size);
}

.drossi-ui-control:hover {
	border-color: #bcbcbc;
	box-shadow: 0 6px 18px rgb(0 0 0 / 12%);
	transform: translateY(-1px);
}