/* YouTube link formatting */

.dso-youtube-container {
	box-sizing: border-box;
	padding: 1.6rem 1.6rem;
	
	border: 1px solid var(--dso-green-50);
	border-radius: var(--br1);
	
	margin-top: 1.6rem !important;
	margin-bottom: 3.2rem !important;
	
	box-shadow: 0 0.4rem 0.4rem -0.2rem var(--dso-cool-gray-80-25p);
}

.dso-youtube-cta {
	text-align: center;
	padding-bottom: 1.6rem;
}

.dso-youtube-link-container {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 0.4rem;
}

.dso-youtube-link-wrap {
	padding: 0.8rem 0.8rem;
	background-color: var(--dso-green-50);
	border-radius: 0.4rem;
	
	text-align: center;
	
	min-width: 50%;
	transition: background-color 0.3s ease;
}

.dso-youtube-link-container:has(.dso-youtube-link-wrap:only-child) .dso-youtube-link-wrap {
  flex: 0 0 auto;  /* Don’t stretch */
  width: auto;
  max-width: max-content;
}

.dso-youtube-link-wrap a {
	font-family: var(--dso-heading-font);
	
	color: var(--dso-warm-gray-10);
	text-decoration: none !important;
}

.dso-youtube-link-wrap:hover {
	background-color: var(--dso-orange-50);
}