.card-news{display:flex;flex-direction:column;gap:20px;border-width:2px;--un-border-opacity:1;border-color:rgb(239 242 245 / var(--un-border-opacity));border-radius:10px;--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity));color:var(--middle-gray)}@media (min-width: 320px){.card-news{padding:18px 24px}}@media (min-width: 768px){.card-news{border-radius:24px;padding:24px 25px}}@media (min-width: 992px){.card-news{padding-left:24px;padding-right:24px}}@media (min-width: 1200px){.card-news{padding:32px}}.card-news--link{cursor:pointer;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@media (hover:hover){.card-news--link:hover{--un-border-opacity:1;border-color:rgb(176 0 53 / var(--un-border-opacity));--un-bg-opacity:1;background-color:rgb(176 0 53 / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity))}}.card-news__heading{display:flex;justify-content:space-between}.news-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));column-gap:12px;row-gap:23px}@media (min-width: 768px){.news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 992px){.news-grid{grid-template-columns:repeat(3,minmax(0,1fr));min-height:315px}}@media (hover:hover){.card-news--link:hover .card-news__date,.card-news--link:hover .card-news__tag{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));opacity:.5}.card-news--link:hover .card-news__link{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity))}}.card-news__title{font-weight:500}@media (min-width: 320px){.card-news__title{font-size:16px;line-height:22px}}@media (min-width: 768px){.card-news__title{font-size:18px;line-height:25px}}@media (min-width: 992px){.card-news__title{font-size:22px;line-height:30px}}.card-news__date,.card-news__tag{--un-text-opacity:1;color:rgb(108 114 125 / var(--un-text-opacity));font-weight:400;line-height:20px}@media (min-width: 768px){.card-news__date,.card-news__tag{font-size:14px}}@media (min-width: 992px){.card-news__date,.card-news__tag{font-size:20px}}.card-news__link{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--red)}
