.btn-video {
    text-align: center;
    height: 60px;
    width: 60px;
    background-color: fade-in($accent-color-1, 40);
    z-index: 1;
    font-size: 17px;
    color: darken($white, 10);
    border: 0;
    border-radius: 100%;
    display: inline-block;
    position: relative;
    transition: all 300ms linear 0ms;
    i {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 20px;
    }
    &:hover {
        color: $white;
    }
}

.tm-video-player {
    position: relative;
    line-height: 1;
    .btn-video {
        background-color: fade-in($accent-color-1, 40);
        box-shadow: 0 0 0 10px rgba($accent-color-1, .25);
        &:hover {
            box-shadow: 0 0 0 20px rgba($accent-color-1, .25)
        }
    }
}

.tm-video-item:hover {
    .btn-video {
        box-shadow: 0 0 0 20px rgba($accent-color-1, .25);
        i {
            color: $white;
        }
    }
}