.esp-slide{
    background-size: cover;
    background-position: center;
    height: 430px;
    position: relative;
    display: flex;
    align-items: flex-end;
    color: #fff;
    overflow: hidden;
}

.esp-overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,0.25);
    transition: .4s;
}

.esp-slide:hover .esp-overlay{
    background:rgba(0,0,0,0.65);
}

.esp-content{
    position:relative;
    padding:25px;
    z-index:5;
    width:100%;
}

.esp-date{
    background:#e63946;
    display:inline-block;
    padding:5px 12px;
    font-size:14px;
    border-radius:4px;
    margin-bottom:12px;
}

.esp-title{
    color: #fff !important;
    font-size:20px;
    margin-bottom:20px;
    line-height:1.3;
}

.esp-hover-box{
    transform: translateY(50px);
    opacity:0;
    transition:0.35s ease;
}

.esp-slide:hover .esp-hover-box{
    transform: translateY(0);
    opacity:1;
}

.esp-info{
    display:flex;
    align-items:center;
    gap:8px;
    margin-bottom:6px;
    font-size:15px;
}

.esp-label{
    font-size:13px;
    color:#bbbbbb;
    margin-left:24px;
}