.ovau-item-part-grid-player{
	padding: 30px 0 15px 0;
	&:hover {
		.ova-media {
			-webkit-transition: all .5s ease; 
            transition: all .5s ease;
            .audio-img-wrapper {
            	.host-img {
            		-webkit-transition: all 1s ease; 
				    transition: all 1s ease;
				    -webkit-transform: scale(1.2);
				    transform: scale(1.2);
            	}
            }
			.content {
				.icon {
                    -webkit-transition: all .5s ease; 
                	transition: all .5s ease;
                	-webkit-transform: scale(1.1);
                    transform: scale(1.1);
				}
                .audio-button {
                    -webkit-transition: all .5s ease; 
                	transition: all 0.5s ease;
                }
			}
		}
	}

	.ova-media {
		-webkit-transition: all .5s ease; 
        transition: all .5s ease;
		position: relative;
	    background-color: #fff;
		padding: 0 30px 30px 30px;
		border: 2px solid rgb(228, 228, 228);

		.audio-img-wrapper {
			position: relative;
		    overflow: hidden;
		    margin-top: -30px;

			.audio-img {
				object-fit: cover;
				width: 100%;
                display: block;
			}
			.host-img {
				-webkit-transition: all 1s ease; 
				transition: all 1s ease;
				position: absolute;
				right: 30px;
				top: 30px;
				border-radius: 50%;
				overflow: hidden;
				width: 50px;
				height: 50px;
				object-fit: cover;
				display: inline-flex;
				justify-content: center;
				align-items: center;
				background-color: var(--primary);
				border: 2px solid var(--primary);
			}
		}

		.content { 
			text-align: center;
			margin-top: -30px;

			.title {
				-webkit-transition: all .3s ease; 
				transition: all .3s ease;
                margin: 12px 12px 20px 12px; 
                font-weight: 700; 
                font-size: 26px;
                line-height: 1.3;   
                color: var(--heading); 
			}
            
            .icon {
            	-webkit-transition: all .5s ease; 
				transition: all .5s ease; 
				-webkit-transform: scale(1);
                transform: scale(1);
                cursor: pointer;
                -webkit-tap-highlight-color: transparent;
				border-radius: 50%;
				width: 60px;
				height: 60px;
				display: inline-flex;
				justify-content: center;
				align-items: center;
				background-color: var(--primary);  
				z-index: 1;
				position: relative; 
				i {
					-webkit-transition: all .3s ease; 
				    transition: all .3s ease;
					color: #fff;
					font-size: 16px;
					display: inline-flex;
				}
				&:hover {
					-webkit-transition: all .5s ease; 
				    transition: all .5s ease; 
				    background-color: var(--heading);
				    i {
				    	-webkit-transition: all .3s ease; 
				        transition: all .3s ease;
				    }
				}
				
				.loader {
					display: none;
				}

				&.ovau-playing {
					background-color: var(--primary);
					overflow: hidden;

					.loader {
						display: flex;
						width: 100%;
						height: 100%;
						align-items: center;
	    				justify-content: center;

						.stroke {
							position: relative;
							background-color: #FFFFFF;
							height: 20px;
							width: 5px;
							border-radius: 50px;
							margin: 0 2px;
							animation: playing 1s linear infinite;

							&:nth-child(1) {
								animation-delay: 0s;
							}

							&:nth-child(2) {
								animation-delay: 0.3s;
							}

							&:nth-child(3) {
								animation-delay: 0.6s;
							}

							&:nth-child(4) {
								animation-delay: 0.3s;
							}

							&:nth-child(5) {
								animation-delay: 0s;
							}

						}

						@keyframes playing {
							50% {
		    					height: 5px;
							}
							100% {
							    height: 20px;
							}
						}
					}

					i {
						display: none;
					}

					&:hover {
						.loader {
							display: none;
						}

						i {
							display: block;
						}
					}
				}
			}

			.audio-button{
				-webkit-transition: all .5s ease; 
	            transition: all 0.5s ease;
	            display: inline-flex;
	            justify-content: center;
	            align-items: center;
	            font-size: 14px;
	            line-height: 1.2;
	            letter-spacing: 1px;
	            text-transform: uppercase;
	            font-weight: 700;
	            color: var(--primary);
	        }

		}
	}
}