.hero-video{position:relative}.play-btn{position:absolute;bottom:2vw;left:2vw;width:6rem;height:6rem;border:3px solid #fff;border-radius:50%;background-color:rgba(0,0,0,40%);backdrop-filter:blur(20px);transition:all .3s ease;z-index:100}@media screen and (max-width:767px){.play-btn{bottom:3vw;left:3vw;width:4rem;height:4rem}}@media screen and (min-width:768px) and (max-width:1023px){.play-btn{width:5rem;height:5rem}}.hero-video.is-playing .play-btn .play-icon,.hero-video:not(.is-playing) .play-btn .pause-icon{opacity:0}.hero-video.is-playing .play-btn .pause-icon,.hero-video:not(.is-playing) .play-btn .play-icon{opacity:1}