.news {
    
}
.news .item{
    margin:2rem 1.5rem;
    transition: all 0.5s ease-in-out;
    position: relative; 
}
.news .item:after{
    width:100%;
    height:100%;
    content:'';
    position:absolute;
    left:0;
    top:0;
    background: #470808;
    transform:scale(0);
    transition: all 0.5s ease-in-out;
}
.news .item:hover:after{
    transform:scale(1);
    transition: all 0.5s ease-in-out;
}
.news .item:hover,.news .news-slider .slick-current .item{ 
    transform: scale(1.1);
    transition: all 0.5s ease-in-out;
}
.news .item .caption{
    background: #FEA4A3;;
    color: #470808;
    padding:1rem 2rem;
    transition: all 0.5s ease-in-out;
}
.news .item .caption.shape{
    z-index:11111;
    position:absolute;
    right:0;
    bottom:0;
    width:100%;
    height:0 !important;
    background:transparent;
    transform:scale(0);
    opacity:0;
    transition: all 0.5s ease-in-out;
}
.news .item .caption.shape a{
   
    height:100%;
    width:100%;   
}
.news .item .caption.shape h3{
    
    color:#fff;
}
.news .item:hover .caption.shape{
    transform:scale(1);opacity:1;
    height:100% !important;
    transition: all 0.5s ease-in-out;
}
.news .item .caption p{
    transition: all 0.5s ease-in-out;
}
.news .item:hover .caption p{
    text-align:center;
    color:#fff;
}
.news .item .link{
    position:relative;
    z-index:111;
    text-align:left;
    transition: all 0.5s ease-in-out;
    display: flex;
    align-items: end;
    justify-content: end;
    padding: 0.25rem 0;
}
.news .item:hover .link{
     transition: all 0.5s ease-in-out;
}
.news .item .link a {
    background:transparent;
    color: #000000;
    font-size:0.75rem;
    font-weight:300;
    padding:0;
    border:None;
    text-align: left;
    justify-content: end;
}
.news .item:hover .link a{
    color: #FFF7F7;
}