:root{--play-icon-size:100px;--play-icon-bg:var(--primary-color);--play-icon-color:var(--off-white-color);--play-icon-hover-bg:var(--secondary-color);--play-icon-hover-color:var(--white-color)}.video-container,.video-popup{align-items:center;display:flex;justify-content:center;position:relative;width:100%;z-index:0}.video-container{--shadow-color:rgba(var(--black-color-rgb),0.4);filter:drop-shadow(1px 3px 5px var(--shadow-color))}.video-popup{min-height:var(--play-icon-size);min-width:var(--play-icon-size);position:relative}.video-popup img{border-radius:8px;display:block;height:auto;margin:0 auto;max-width:100%;object-fit:cover;width:100%}.video-play-button{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}.video-play-button>div{background:var(--play-icon-bg);border:.25em solid var(--play-icon-color);border-radius:100%;display:block;font-size:calc(var(--play-icon-size)*.2);height:var(--play-icon-size);position:relative;width:var(--play-icon-size)}.video-play-button:hover>div{background:var(--play-icon-hover-bg);border-color:var(--play-icon-hover-color)}.video-play-button>div:after{border-bottom:.938em solid transparent;border-left:1.563em solid var(--play-icon-color);border-top:.938em solid transparent;content:"";height:0;left:50%;position:absolute;top:50%;-webkit-transform:translateX(-40%) translateY(-50%);transform:translateX(-40%) translateY(-50%);transform-origin:center center;width:0;z-index:100}.video-play-button:hover>div:after{border-left-color:var(--play-icon-hover-color)}.animate-play-btn>div:before{-webkit-animation:video_pulse 2s cubic-bezier(.22,.61,.36,1) 0s infinite;animation:video_pulse 2s cubic-bezier(.22,.61,.36,1) 0s infinite;border:.25em solid var(--play-icon-color);border-radius:100%;content:"";height:130%;left:50%;opacity:1;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);-webkit-transition:all .4s cubic-bezier(.55,.055,.675,.19);transition:all .4s cubic-bezier(.55,.055,.675,.19);width:130%;z-index:-1}.animate-play-btn:hover>div:before{border-color:var(--play-icon-hover-color)}@keyframes video_pulse{0%{opacity:1;transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1)}to{opacity:0;transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5)}}@media (max-width:767px){.video-wrapper{margin-top:2em}}