.card-news {border-width: 1px;border-color: #c4e4e2;text-decoration: none !important;color: var(--body-color);box-shadow: none; } .card-news .card-img {position: relative;width: 100%;height: 100%;top: 0;left: 0;aspect-ratio: 366/206; } .card-news .card-img img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover; } .card-news .card-body {padding: 1rem;display: flex;flex-direction: column;height: 100%; } .card-news .card-body .card-title {font-size: 1.125rem;margin-bottom: 0.25rem; } .card-news .card-body .card-date {padding-bottom: 0;margin-bottom: 0.5rem; } .card-news .card-body .card-text {flex-grow: 1;margin-bottom: 0;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; } .card-news .btn {display: flex;flex-direction: row;align-items: center;text-transform: uppercase;font-weight: 600;color: var(--link-color);padding-left: 0;padding-right: 0;padding-bottom: 0;transition: color 0.05s ease-in-out; } .card-news .btn svg {width: auto;height: 1.6875rem;margin-right: 0.625rem;transform: scaleX(1.5); } .card-news:hover {color: var(--body-color); } .card-news:hover .card-title {color: var(--link-hover-color); } .card-news:hover .btn {color: var(--link-hover-color); } .col-card:nth-child(even) .card-news {background: var(--color1); } .col-card:nth-child(even) .card-news .card-img {width: 100%;height: 100%;top: 0;left: 0; } .col-card:nth-child(even) .card-news .card-body {padding: 1rem; }