.click-to-play-video{background-color:rgba(26,55,32,.06);display:block;overflow:hidden;position:relative}.click-to-play-video__poster,.click-to-play-video__video{height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.click-to-play-video__video{background-color:#000}.click-to-play-video__poster{z-index:1}.click-to-play-video__duration{background-color:var(--click-to-play-badge-bg,#1a3720);border-radius:5.4rem;color:#fff;font-family:var(--ff-primary);font-size:.9rem;font-weight:500;left:.8rem;line-height:1.2;padding:.2rem .6rem;position:absolute;top:.7rem;z-index:2}@media screen and (min-width:768px){.click-to-play-video__duration{font-size:1.2rem;padding:.4rem 1rem;top:.8rem}}.click-to-play-video__play{align-items:center;background:none;border:0;color:#fff;cursor:pointer;display:flex;inset:0;justify-content:center;padding:0;position:absolute;width:100%;z-index:2}.click-to-play-video__play svg{filter:drop-shadow(0 0 .6rem rgba(0,0,0,.25));transform:rotate(90deg);transition:transform .2s ease}.click-to-play-video__play:hover svg{transform:rotate(90deg) scale(1.15)}.click-to-play-video.is-playing .click-to-play-video__duration,.click-to-play-video.is-playing .click-to-play-video__play,.click-to-play-video.is-playing .click-to-play-video__poster{display:none}