:host {
	height: 100%;
	width: calc(100% - 8px);
	display: flex;
	align-items: center;
	margin-left: 4px;
	margin-right: 4px;
}

button {
	height: calc(100% - 4px);
	width: 100%;
	margin-left: unset;
	margin-right: unset;
	border: 1px solid #ddd;
	border-radius: 3px;
	background-color: #f0f0f0;
	outline: none;
	cursor: pointer;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font: inherit;
}
button:hover:not(:disabled) {
	border-color: #999;
	--box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}
button:focus:not(:disabled) {
	border-color: #999;
}
button:active:not(:disabled) {
	border-color: #333;
	filter: brightness(80%);
}
button:disabled {
	opacity: 0.5;
	cursor: unset;
}