.ui-icon-button {
	display: flex;
    justify-content: start;
    align-items: center;
	
	padding: 0 0.7rem 0.1rem 0.7rem;
	
	height: 2.8rem;
	
	border: 1px solid var(--blue-gray-400);
	
	background: #ffffff;

	color: var(--gray-700);

	font-size: 1.8rem;
	
	cursor: pointer;
	
	box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
	/*
	box-shadow: 0 1px 2px 0 rgb(34 36 38 / 15%);
	*/
}
.ui-icon-button:hover {
	border: 1px solid var(--blue-gray-500);
	
	color: var(--gray-800);
}
.ui-icon-button:active {
	transform: translate(1px, 1px);
}

.ui-icon-button > * {
	pointer-events: none;
}