style for video ads

video-ads.css

#video-ads-insert {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1000;
    color: #FFF;
    background: #FFF;
    text-align: center
}

#skip-ad {
    position: absolute;
    border: 1px solid #FFF;
    padding: 4px 6px;
    z-index: 2000;
    bottom: 20%;
    right: 5px;
    cursor: pointer
}

#play-ad {
    font-size: 3rem;
    transform: translate(3rem, 2rem);
    position: absolute;
    z-index: 4000;
    bottom: 50%;
    right: 50%;
    cursor: pointer;
    background: #c4c4c4;
    border-radius: 4rem;
    height: 6rem;
    width: 6rem;
}

#play-ad i {
    transform: translate(0.5rem, 0.9rem);
    text-align: center;
    color: #000;
}

#ad-will-end {
    position: absolute;
    z-index: 2000;
    bottom: 15%;
    left: 15px;
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
    #play-ad {
        font-size: 3rem;
        transform: translate(3rem, 3rem);
        position: absolute;
        z-index: 4000;
        bottom: 50%;
        right: 50%;
        cursor: pointer;
        background: #c4c4c4;
        border-radius: 4rem;
        height: 6rem;
        width: 6rem;
    }

    #play-ad i {
        transform: translate(0.5rem, 0.9rem);
        text-align: center;
    }

}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
}