<div class="position-relative">
    <img class="rounded" src="assets/img/cards/3a.jpg" alt="">
    <div class="video-btn video-play-btn-align-center">
        <a href="https://www.youtube.com/watch?v=kuceVNBTJio" class="video-play-icon popup-youtube v-Center">
            <i class="fa fa-play"></i>
        </a>
    </div>
</div>

<div class="video-btn video-play-btn-align-center">
    <a href="https://www.youtube.com/watch?v=kuceVNBTJio" class="video-play-icon popup-youtube v-Center">
        <i class="fa fa-play"></i>
    </a>
</div>

<a href="https://www.youtube.com/watch?v=kuceVNBTJio" class="btn btn-solid-light popup-youtube"><i class="fa fa-play pr-3"></i> Watch video</a>

<a href="https://www.youtube.com/watch?v=kuceVNBTJio" class="d-inline-flex align-items-center popup-youtube bg-white text-primary px-md-5 px-3 py-md-4 py-3 h6 font-weight-normal rounded text-decoration-none ">This is video player <i class="far fa-play-circle fa-2x pl-3 text-dark"></i> </a>