.custom_pages_news {
    width: 100%;
}

.custom_pages_news .new_element {
    display: inline-block;
    width: 250px;
    height: 250px;
    background: #cacaca;
    position: relative;
    margin: 5px;
}

.custom_pages_news .image {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.custom_pages_news .desc {
    position: absolute;
    display: block;
    width: calc(100% - 20px);
    padding: 10px;
    background: #000;
    bottom: 0px;
    opacity: 0.5;
    z-index: 3;
    color: #fff;
}

.custom_pages_news .desc_background {
    border-top: 2px solid #fff;
    position: absolute;
    display: block;
    width: calc(100% - 20px);
    padding: 10px;
    bottom: 0px;
    z-index: 2;
    color: #fff;
}

.custom_pages_news .link {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 4;
}

.custom_pages_news .date {
    font-size: 13px;
}

.custom_pages_news .subject {
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.custom_pages_news .subject a {
    color: #fff;
    text-decoration: none;
}

.custom_pages_news .new_element:hover .desc_background {
    opacity: 0.8;
    background-color: green;
}

.custom_pages_news .new_element:hover .subject {
    white-space: normal;
}

.custom_pages_news .new_element:hover .image {
    filter: brightness(120%) contrast(120%);
}