.rgames-group {
	text-align: center;
	
	& .rg-title {
		color: var(--clr-main);
		font-weight: 500;
		font-family: HCo Gotham SSm,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
	}

	& h-c {
		display: inline-block;
		width: 140px;
		height: auto;
		vertical-align: top;
		text-decoration: none;
		margin: 4px;
		background: none;

		& a { text-decoration: none; }

		& img {
			border-radius: 8px;
			width: 140px;
			height: 140px;
		
			/* Hover effect */
			position: relative;
			bottom: 0;
			transition: .2s;
			--hover-clr: #0007;
		
			/* Only when image didn't load */
			background-color: rgba(57,59,61,.5);
			border-color: #393b3d;

			&::before {
				border-radius: 8px;
				position: absolute;
				content: "";
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				background: radial-gradient(transparent,rgba(0,0,0,.4));
				transition: opacity .3s linear;
				opacity: 0;
			}
		}

		&:hover {
			img {
				bottom: 3px;
				filter: brightness(1.1) drop-shadow(0 3px 0 var(--hover-clr));
				& ::before { opacity: 1; }
			}
		}

		&:active {
			& img {
				bottom: 0;
				filter: none;
			}
		}
	}
}