OwlCyberSecurity - MANAGER

Edit File: _latest-posts.scss

.ova-latest-posts{
    
    .item{
    	@include transaction( all, 0.3s, ease);
    	display: flex;
    	column-gap: 20px;
	    &:not(:last-child) {
	    	margin-bottom: 30px;
	    }

&:hover{
	    	@include transaction( all, 0.3s, ease);
	    	.info{
	    		.post-title{
	    			a{
	    				@include transaction( all, 0.3s, ease);
    					color: var(--primary);
	    			}
	    		}
	    	}
	    }

.media{
    		a{
    			display: flex;
				position: relative;
    			overflow: hidden;
    			height: 100%;
    			img{
    				width: 97px;
    				min-width: 97px;
    				height: 78px;
    				border-radius: 10px;
				    object-fit: cover;
    			}
    		}
    	}

.info{
			display: flex;
			justify-content: center;
			flex-flow: column;

.item-meta{
				font-size: 13px;
				text-transform: uppercase;
    			line-height: 1;
    			margin-bottom: 8px;
	    		.right{
	    			a{
	    				color: var(--text);
	    				&:hover{
	    					color: var(--primary);
	    				}
	    			}
	    		}
    		}

.post-title{
    			margin: 0;
    			font-size: 16px;
    			line-height: 1.4;
    			font-weight: 600;
    			a{
    				@include transaction( all, 0.3s, ease);
    				color: #000D44;
    			}
    		}
  
    	}
    }
}