.media-item{align-items:flex-start;background:#fff;box-shadow:0 0 30px #0000001a;display:flex;flex-direction:column;height:490px;justify-content:flex-end;padding:60px 60px 80px;position:relative;transition:background-color .3s ease;width:100%}.media-item-thumb{height:100%;left:0;-o-object-fit:cover;object-fit:cover;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%;z-index:1}.media-item-header{color:#038dff;font-size:12px;font-weight:400;margin-bottom:auto;opacity:1;position:relative;z-index:2}.media-item-date{font-size:24px;font-weight:800}.media-item-date,.media-item-title{color:#212121;position:relative;transition:color .1s ease;z-index:2}.media-item-title{font-size:20px;font-weight:600;margin-bottom:10px;margin-top:8px}.media-item-content{color:#212121;font-size:13px;font-weight:300;line-height:1.8;overflow:hidden;transition:opacity .2s ease}.media-item-link{align-items:center;color:#038dff;display:flex;font-size:15px;font-weight:500;gap:20px;margin-top:40px;position:relative;transition:color .1s ease;z-index:2}.media-item-link svg path{transition:fill .1s ease}.media-item:hover .media-item-header{opacity:0}.media-item:hover .media-item-date,.media-item:hover .media-item-link,.media-item:hover .media-item-title{color:#fff}.media-item:hover .media-item-link svg path{fill:#fff}.media-item:hover .media-item-content{opacity:0;transition:opacity .2s ease}.media-item:hover .media-item-thumb{opacity:.9;transition:opacity .4s ease}.media-item.no-image:hover{background-color:var(--accent-color);transition:background-color .3s ease}.media-item.no-image:hover:before{display:none}.media-item:hover:before{background:#0000004d;content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}