Alignment

There are two alignment options:

The expectation is to use flex based alignment to align the child icon (atoms-play-circle-icon).

Vertical Alignment - items-center / items-end / items-start Horizontal Alignment - justify-center / justify-end / justify-start

Javascript

Two required data attributes

data-js="videoModal-open"
data-video="**{**{Video.mediaId}**}**", Video.mediaId being the author defined id.

These attributes correlate to the related video.

Descriptive button text should be placed in the span with the class of sr-only on line 3.