/* Blog code blocks: room for the copy button in the corner — subtle until
   the block is hovered or the button is focused. */
.blog-content pre {
    position: relative;
}

.blog-content pre .blog-code-copy {
    position: absolute;
    top: 8px;
    right: 8px;
    opacity: 0.35;
    transition: opacity 0.15s ease-in-out;
}

.blog-content pre:hover .blog-code-copy,
.blog-content pre .blog-code-copy:focus {
    opacity: 1;
}