<section class="supt-section-video ">
<div class="supt-video">
<div class="supt-video__wrap">
<video playsinline preload="metadata" controls>
</video>
<span class="supt-button -icon ">
<button class="supt-button__link">
<span class="supt-button__icon">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 10 10" fill="none">
<path d="M1.875 1.78957C1.875 1.00725 2.73283 0.527897 3.3991 0.937909L8.61606 4.14835C9.25059 4.53883 9.25059 5.46118 8.61605 5.85166L3.39909 9.0621C2.73282 9.47211 1.875 8.99276 1.875 8.21044L1.875 1.78957Z" fill="#ED002F" />
</svg>
</span>
</button>
<span class="supt-button__wrapper">
<span class="supt-button__inner">
<span class="supt-button__title -clone" aria-hidden="true">
</span>
<span class="supt-button__mask">
<span class="supt-button__mask__inner"></span>
</span>
</span>
</span>
</span>
</div>
</div>
</section>
No notes defined.
<section class="supt-section-video {{ modifiers|modifiersAttr }}">
{% include "molecules/video/video.twig" with video only %}
</section>
{
"title": "Meet the sentinel",
"video": {
"src": "/sites/gv/files/flmngr/hero-text-media.mp4"
}
}
.supt-section-video {
background-color: $color-grey-background;
.supt-video {
width: 100vw;
}
}