.videos {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.videos .c32 {
	cursor: pointer;
	background-color: #090d10;
	background-clip: content-box;
	display: flex;
	flex-direction: column;
}

.videos h3 { padding: 10px 20px 0 20px; }

.videos h3 a {
	color: inherit;
	text-decoration: none;
}

.videos .bottom {
	margin-top: auto;
	padding-bottom: 2px;
}

.videos .bottom hr {
	background-image: linear-gradient(transparent 0%, transparent 90%, #B9AB52, #B9AB52);
	background-repeat: no-repeat;
	background-size: 0 100%;
	background-position-x: right;
	transition: background-size 300ms;

	display: block;
	height: 10px;
	border: none;
}

.videos > div:hover hr,
.videos > div:hover hr {
	background-size: 100% 100%;
	background-position-x: left;
}