.ActionButton {
	width: 50px;
	height: 50px;
	font-size: 24px;
	border: 1px solid #ccc;
	transition: background-color 0.3s ease;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

	.ActionButton:hover {
		background-color: #ccc;
		color: white;
		cursor: pointer;
	}

	.ActionButton + .ActionButton {
		margin-left: 20px;
	}

.edit-icon {
	display: inline-block;
	width: 16px;
	height: 16px;
	background-image: url("data:image/svg+xml,%3Csvg%20width%3D'16'%20height%3D'16'%20viewBox%3D'0%200%2024%2024'%20xmlns%3D'http://www.w3.org/2000/svg'%3E%3Cpath%20fill%3D'%23FFFFFF'%20d%3D'M3%2017.25V21h3.75L17.81%209.94l-3.75-3.75L3%2017.25zM20.71%207.04a1%201%200%20000-1.41l-2.34-2.34a1%201%200%2000-1.41%200L15%204.29l3.75%203.75%201.96-1.96z'%2F%3E%3C%2Fsvg%3E");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.flat-edit-btn {
	background-color: transparent;
	color: #4DB6EB;
	border: 1px solid #4DB6EB;
	border-radius: 6px;
	padding: 6px 12px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	transition: background-color 0.2s, color 0.2s;
	margin-top: auto;
}

	.flat-edit-btn:hover {
		background-color: #4DB6EB;
		color: #fff;
	}