.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; } }