button {
	background: var(--button-bg-color);
	color: var(--button-fg-color);
	cursor: pointer;
	border: none;
	padding: 0.25rem 0.8rem;
	border-radius: 0.25rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;

	&:hover {
		background-color: var(--button-hover-bg-color);
		color: var(--button-hover-fg-color);
	}

	&.icon {
		padding: 0.25rem;

		> .svg-icon {
			margin-right: 0;
		}
	}

	&.cancel {
		background-color: var(--button-cancel-bg-color);
		color: var(--button-cancel-fg-color);
	}

	> .svg-icon {
		display: flex;
		align-items: center;
		margin-top: 1px;
		margin-right: 0.2rem;
	}
}