hover delete button

//Laravel code for display video

<div class="ad-col-md-6 ad-col-lg-4 ad-col-xl-3 ad-mb-4 ad-myvideos ad-col-4" id="video_{{$video['id']}}">
    <div class="ad-card-block ad-rounded ad-bg-offwhite">
        <a class="ad-card ad-rounded-double-none ad-w-100 ad-overflow-hidden ad-position-relative">
            <div class="ad-img-holder">
                <div class="ad-y_thumb_div">
                    <a class="ad-position-absolute ad-bg-dark ad-text-white ad-p-1 ad-rounded-circle ad-op-6 ad-deleteVideo_btn" href="#" id="deleteid" data-id="{{$video['id']}}" onclick="fun_delete(this)"> <i class="fa fa-times fs-12" aria-hidden="true"></i></a>
                    <img src="{{$video->video_thumbnail}}" alt="" class="ad-y_thumb"> 
                    <a href="{{url('library/video/'.$video['id'])}}"><i class="fa fa-play"></i></a>
                </div>

            </div>
        </a>
        <div class="ad-d-flex ad-align-items-center ad-bg-offwhite ad-position-relative">
            <a href="{{url('library/video/'.$video['id'])}}" class="ad-w-100 ad-fw-600 ad-fs-16 ad-m-0 ad-text-primary ad-text-truncate">
                <p class="ad-py-2 ad-pl-3 ad-mr-5 ad-fw-600 ad-fs-16 ad-m-0 ad-text-primary ad-text-truncate ad-p-2" title="{{$video['video_title']}}">{{$video['video_title']}} </p>
            </a>


        </div>
        <p class="ad-fs-14 ad-mb-3 ad-px-3 ad-three_line_height" title="{{$video['video_description']}}">{{$video['video_description']}}</p>
    </div>
</div>


//css (only for delete button)
.ad-myvideos:hover .ad-deleteVideo_btn {
  display: block;
}
.deleteVideo_btn {
  display: none;
  top: 3px;
  right: 3px;
}