#rps1, .rps {
	background-image: url("./images/rps_sprite.png");
	float: left;
	height: 25px;
	width: 25px; 
	margin: 1px;
	border-radius: 4px;
	opacity: 0.6;
}

.roll-rps:hover #rps1, .roll-rps:hover .rps {
	opacity: 1;
}

.roll_1 { background-position: 0px 0px; }
.roll_2 { background-position: -25px -25px; }
.roll_3 { background-position: -50px -50px; }

.roll-rps {
	display: inline-flex !important;
	justify-content: center;
	box-sizing: border-box;
	margin: 0;
	vertical-align: middle;
	text-decoration: none;
	color: inherit;
}

.roll-rps-button {
	height: auto;
	margin-left: 4px
}