.tf-video-popup {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    position: relative;
}
.tf-video-popup .wrap-icon,
.tf-video-popup .video-icon {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
}


/* animation */
@keyframes glowing {
    0% {
        background-position: 0 0;
    }
    50% {
        background-position: 400% 0;
    }
    100% {
        background-position: 0 0;
    }
}
.tf_ani-linear-gradient:before {
    content: "";
    position: absolute;
    border-radius: 50%;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    pointer-events: none;
    -webkit-animation: dot-animation 2s infinite;
    animation: dot-animation 2s infinite;
    background: #fff;
}

@keyframes dot-animation {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0.6
  }

  100% {
    -webkit-transform: scale(2);
    transform: scale(2);
    opacity: 0
  }
}