.youtube-play-video {
    width: 90px;
    height: 90px;
    border: none;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.07);
    box-shadow: 0 2px 4px rgba(0,0,0,.07);
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    display: inline-block;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    border: solid 3px transparent;
    margin-left: -3px;
    margin-top: -3px;
}

.youtube-play-video.bg-animate:before {
	content: "";
    position: absolute;
    display: block;
    height: 90px;
    width: 90px;
    background: #D00027;
    opacity: 0;
    z-index: 0;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    animation-duration: 2.7s;
    animation-iteration-count: infinite;
    margin-left: -3px;
    margin-top: -3px;
}

.youtube-play-video:hover:before {
    opacity: .3;
    animation-name: pulse;
    animation-timing-function: ease-in-out;
}

.youtube-play-video:after {
	content: "";
    position: absolute;
    display: block;
    height: 90px;
    width: 90px;
    border: 3px solid #fff;
    z-index: 2;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-left: -3px;
    margin-top: -3px;
}

@-webkit-keyframes pulse {
    0% {
	    -webkit-transform: scale(1);
	    transform: scale(1);
	    opacity: 0;
	}
	25% {
	    -webkit-transform: scale(1.6);
	    transform: scale(1.6);
	    opacity: .3;
	}
	55% {
	    -webkit-transform: scale(1);
	    transform: scale(1);
	    opacity: 0;
	}
	100% {
	    -webkit-transform: scale(1);
	    transform: scale(1);
	    opacity: 0;
	}
}
@keyframes pulse {
    0% {
	    -webkit-transform: scale(1);
	    transform: scale(1);
	    opacity: 0;
	}
	25% {
	    -webkit-transform: scale(1.6);
	    transform: scale(1.6);
	    opacity: .3;
	}
	55% {
	    -webkit-transform: scale(1);
	    transform: scale(1);
	    opacity: 0;
	}
	100% {
	    -webkit-transform: scale(1);
	    transform: scale(1);
	    opacity: 0;
	}
}

.youtube-play-video svg {
    width: calc(100% / 2.7);
    height: auto;
    position: absolute;
    left: 50%;
    margin-left: 5px;
    top: 50%;
    transform: translate(-50%, -50%);
    fill: #D00027;
    z-index: 3;
    -webkit-transition: all cubic-bezier(.4,0,.2,1) .4s;
    -o-transition: all cubic-bezier(.4,0,.2,1) .4s;
    transition: all cubic-bezier(.4,0,.2,1) .4s;
}

.youtube-play-video:hover svg {
	-webkit-transform: translate(-50%, -50%) scale(1.1);
    transform: translate(-50%, -50%) scale(1.1);
}