button {
	border-radius: var(--border-radius);
	border: none;
	background-color: var(--primary-color);
	color: var(--primary-inverse-color);
	min-height: var(--line-content-height);
	cursor: pointer;
	padding: 4px 8px;
	margin-right: 4px;
	font-family: var(--bs-body-font-family);
	font-size: var(--bs-body-font-size);
	font-weight: var(--bs-body-font-weight);
}

.ec-icon-button {
	width: fit-content;
	height: 32px;
	display: block;
}

.ec-text-button {
	min-height: var(--line-height);
	line-height: var(--line-content-height);
	min-width: 48px;
	width: fit-content;
	line-break: anywhere;
	padding: var(--vertical-padding) var(--horizontal-padding);
	display: inline-block;
}

.ec-text-button.active {
	background-color: var(--primary-active-color);
	cursor: pointer
}

.delete-btn {
	background-repeat: no-repeat;
	background-position: center;
	background-size: 24px;
	width: 32px;
	height: 32px;
	border: none;
	cursor: pointer;
	display: block;
	margin: 0 auto;
	background-color: var(--primary-color);
	background-image: url(../media/Bin-WUSWMH2C.svg);
}

	.delete-btn:hover {
		background-color: var(--primary-active-color);
	}

button:hover {
	background-color: var(--primary-active-color);
}