.link-news-grid { width: 100%; max-width: 1460px; margin: 0 auto; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px; } .link-news-grid * { box-sizing: border-box; } .link-news-card { display: flex; min-width: 0; height: 100%; flex-direction: column; overflow: hidden !important; background: #fff; border: 1px solid rgba(40,42,44,.1); box-shadow: 0 12px 28px rgba(40,42,44,.09); transition: transform .25s ease, box-shadow .25s ease; border-radius: 35px !important; -webkit-border-radius: 35px !important; -moz-border-radius: 35px !important; position: relative; z-index: 1; } .link-news-card:hover { transform: translateY(-5px); box-shadow: 0 19px 38px rgba(40,42,44,.16); } .link-news-card__image { display: block; aspect-ratio: 1.56; overflow: hidden !important; background: #eee; position: relative; z-index: 2; border-top-left-radius: 35px !important; border-top-right-radius: 35px !important; } .link-news-card__image img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; border-top-left-radius: 35px !important; border-top-right-radius: 35px !important; } .link-news-card:hover img { transform: scale(1.04); } .link-news-card__body { display: flex; flex: 1; flex-direction: column; padding: 25px 26px 27px; position: relative; z-index: 2; } .link-news-card time { margin-bottom: 11px; color: #e96a20; font-size: 12px; font-weight: 700; letter-spacing: .08em; } .link-news-card h2 { margin: 0 0 12px; font-size: 23px !important; line-height: 1.2 !important; } .link-news-card h2 a { color: #282a2c !important; text-decoration: none !important; position: relative; z-index: 3; } .link-news-card p { margin: 0 0 22px; color: #5c6063; font-size: 15px; line-height: 1.65; } .link-news-card__cta { display: inline-flex; align-items: center; gap: 9px; margin-top: auto; color: #e96a20 !important; font-size: 14px; font-weight: 700; text-decoration: none !important; position: relative; z-index: 3; } .link-news-card__cta span { font-size: 20px; line-height: 1; } @media(max-width: 1024px) { .link-news-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; } } @media(max-width: 620px) { .link-news-grid { grid-template-columns: 1fr; gap: 20px; } .link-news-card__body { padding: 21px; } .link-news-card h2 { font-size: 21px !important; } }