@import "../../style/classes";

td.cell-button {
	max-width: 20px;
	text-align: center;

	& > button,
	& > a {
		@extend %clickable;
		display: block;
		height: 40px;
		width: 40px;
		margin: 0 auto;
		border: none;
		border-radius: 50%;
		padding: 8px;
		background-color: transparent;
		box-sizing: border-box;

		& > .htk-icon {
			display: block;
		}
		&:hover {
			background-color: rgba(1, 1, 1, 0.1);
		}
	}
	img {
		height: 1.5em;
		width: 1.5em;
		display: block;
		margin: auto;
		padding: 0;
	}
}