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

	.ova-media {
		position: relative;

		.audio-img-wrapper {
			position: relative;
		    overflow: hidden;

			.audio-img {
				width: 100%;
				display: block;
				-webkit-transition: all .5s ease; 
				transition: all .5s ease; 
			}
			.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 { 
			box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
			background-color: #fff;
			padding: 30px 40px;

			.title {
				-webkit-transition: all .3s ease; 
				transition: all .3s ease;
                margin: 12px 0; 
                font-weight: 700; 
                font-size: 30px;
                line-height: 1.3;   
                color: var(--heading); 
			}
            
            .icon {
				-webkit-transition: all .3s ease; 
				transition: all .3s ease;
				border-radius: 50%;
				margin-right: 6px;
				width: 36px;
				height: 36px;
				display: inline-flex;
				justify-content: center;
				align-items: center;
				background-color: var(--primary);   
				i {
					-webkit-transition: all .3s ease; 
				    transition: all .3s ease;
					color: #fff;
					font-size: 16px;
					display: inline-flex;
				}
			}
            .category {
            	font-size: 18px;
            	font-weight: bold;
            }
			.episode {
				display: inline-block;
				font-size: 14px;
				&:before{
                    content:"\A";
                    width:4px;
                    height:4px;
                    margin: 0 4px;
                    border-radius:50%;
                    background: rgba(0,0,0,0.3);;
                    display:inline-block;
                }
			}

			.audio-button{
	            transition: all 0.5s ease;
	            display: inline-flex;
	            justify-content: center;
	            align-items: center;
	            font-size: 12px;
	            line-height: 1.2;
	            letter-spacing: 1px;
	            text-transform: uppercase;
	            font-weight: 700;
	            color: var(--heading);
	            i {
	            	display: inline-flex;
	            	margin-left: 8px;
	            	font-size: 16px;
	            }
	        }

		}
	}
}