
.htk-image {
	position: relative;
	overflow: hidden;
	transition: opacity 250ms ease-out;

	&.clickable:hover {
		cursor: pointer;
		opacity: 0.85;
	}
	& > img {
		display: block;
		height: 100%;
		width: 100%;
	}
	& > button {
		position: absolute;
		top: 0;
		left: 0;
		padding: 8px;
		margin: 4px;
		display: none;
		background-color: rgba(255, 255, 255, .6);

		&:hover {
			background-color: rgba(255, 255, 255, .8);
		}
	}
	&:hover > button {
		display: block;
	}
	& > button > .htk-icon {
		display: block;
	}
}
