.etafe-video-popup{position:relative;z-index:1;text-align:center}.etafe-video-popup .etafe-popup-btn{background:var(--etafePrimaryColor);display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;position:relative;color:var(--etafePrimaryFgColor);transition:var(--etafeTransition)}.etafe-video-popup .etafe-popup-btn span{position:relative;z-index:1;line-height:1}.etafe-video-popup .etafe-popup-btn.ripple-effect{--ripple-size:100%;--animation-duration:1500ms}.etafe-video-popup .etafe-popup-btn.ripple-effect::after,.etafe-video-popup .etafe-popup-btn.ripple-effect:before{background:var(--etafePrimaryColor);content:"";position:absolute;z-index:0;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);display:block;width:var(--ripple-size);height:var(--ripple-size);border-radius:50%;-webkit-animation:etafe-ripple-border var(--animation-duration) ease-out infinite;animation:etafe-ripple-border var(--animation-duration) ease-out infinite;z-index:-1}.etafe-video-popup .etafe-popup-btn.ripple-effect:before{animation-delay:calc(var(--animation-duration)/ 2.5);transform:translateX(-50%) translateY(-50%) translateZ(0) scale(.9)}@-webkit-keyframes etafe-ripple-border{0%{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(.9);opacity:1}100%{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);opacity:0}}@keyframes etafe-ripple-border{0%{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(.9);opacity:1}100%{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);opacity:0}}