/**
 * WP Tutorials Keycaps (WPTKC)
 *
 * https://wp-tutorials.tech/add-functionality/keycap-shortcode/
 *
 */

.keycap {
	display: inline;
	border: 1px solid #aaa;
	padding: 0.5em;
	background-image: linear-gradient(to bottom right, #f8f8f8, #ccc);
	border-radius: 0.3em;
	font-family: monospace;
	margin-left: 0.25em;
	margin-right: 0.25em;
}

.keycap:not( .large-keys ) {
	font-size: 80%;
}

.keycap .key-inner {
	padding: 0.125em 0.35em;
	background-color: #f8f8f8;
	border: 1px solid #bbb;
	position: relative;
	top: -0.075em;
	cursor: default;
}