/**
 * WP Tutorials : Random Post Button (WPTRPB)
 *
 * https://wp-tutorials.tech/add-functionality/random-post-button/
 */

[data-rpb-args] {
	/*
	 * The button has to be relatively positioned so we
	 * can use absolute positioning for the spinner.
	 */
	position: relative;
}

[data-rpb-args] .wpt-spinner {
	width: 1.5em;
	height: 1.5em;
	position: absolute;
	right: 0.5em;
	top: 50%;
	transform: translateY(-50%);
	/* background-color:  white; */
	border-radius: 50%;
}

[data-rpb-args] {
	display: inline-block;
	font-size: 14pt;
	font-weight: bold;
	border-radius: 0.5rem;
	padding: 1em 2.5em;
}

body:not( .home ) [data-rpb-args] {
	margin-top: 1em;
	margin-bottom: 1em;
}

body.home [data-rpb-args] {
	margin-bottom: 2em;
}


[data-rpb-args] .wpt-finger {
	position: absolute;
	z-index: 10;
	top: 50%;
	transform: translateY(-50%);
	font-size: 30pt;
	color: gold;
	text-shadow:
		-1px -1px 0 #000,
		1px -1px 0 #000,
		-1px 1px 0 #000,
		1px 1px 0 #000,
		0 0 0.2em #0008;
}

[data-rpb-args] .fas {
	margin-right: 0.5em;
}