/* V2 design: headings stay centered (ta_ on the body wrapper); running copy reads left-aligned. */
.cnt.v2 {
	.cnt-xpnd-body :is(p, ul, ol) {
		text-align: left;
	}

	.vid-popup {

		.fg-img-btn {
			padding: 0;
			background: none;


			&::after {
				content: "";
				position: absolute;
				inset: 0;
				border-radius: inherit;
				background-color: hsl(from var(--black) h s l / 0.3); /* Color Palette/video overlay */
			}
		}

		.ply-btn {
			z-index: 1;
			width: 3.5rem; /* 96px play glyph from the design */
			height: 3.5rem;
			padding: 0;
			display: flex;
			align-items: center;
			justify-content: center;
			background-color: var(--btn-pry);
			color: var(--btn-pry-txt);
			border: none;

			svg {
				font-size: 1.33rem;
				margin-left: 0.35rem; /* optical centering of the triangle */
			}

			&::after {
				content: "Play Video";
				position: absolute;
				top: calc(100% + 1rem);
				left: 50%;
				transform: translateX(-50%);
				font-family: var(--fnt-t);
				font-size: var(--btn-s);
				font-weight: var(--btn-w);
				line-height: var(--btn-lh);
				white-space: nowrap;
				color: var(--white);
			}
		}
	}

}