/* block layout */
.block--videolink {
	margin-bottom: 1rem;
	overflow: auto;
}
.block--videolink .block--videolink-icon {
	min-height: 3.75rem;
	float: left;
	margin-right: 0.5rem;
	padding: 1rem;
}
.block--videolink .block--videolink-content {
	min-height: 3.75rem;
	margin-left: 4.5rem;
	padding: 1rem;
}
.block--videolink .block--videolink-content > *:last-child {
	margin-bottom: 0;
}

/* flex layout */
@supports( display: flex ) {
	.block--videolink a {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}
	.block--videolink a .block--videolink-icon {
		float: none;
		margin-right: 0.5rem;
		flex: 0 0 0;
	}
	.block--videolink a .block--videolink-content {
		margin-left: 0;
		flex: 1 1 auto;
	}
}

/* block component styles */
.block--videolink .block--videolink-icon {
	background-color: #EBF0E1;
	color: #222222;
}
.block--videolink .block--videolink-content {
	background-color: #EBF0E1;
	color: #222222;
	
	font-size: 0.75rem;
}

/* link styles */
.block--videolink a {
	text-decoration: none;
}
.block--videolink a:hover .block--videolink-icon,
.block--videolink a:hover .block--videolink-content,
.block--videolink a:focus .block--videolink-icon,
.block--videolink a:focus .block--videolink-content {
    filter: brightness(95%);
}

/* editor layout adjustments */
.editor-styles-wrapper .block--videolink .block--videolink-content * {
	margin-top: 0;
}