.link-card {
  position: relative;
}
.link-card:hover .link-card__image img, .link-card:focus-visible .link-card__image img {
  transform: scale(1.1);
}
.link-card__image {
  height: 250px;
  background-color: #fff;
  overflow: hidden;
}
@supports (aspect-ratio: 1/1) {
  .link-card__image {
    aspect-ratio: 370/250;
    height: auto;
  }
}
.link-card__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.3s transform;
}
.link-card__body {
  padding-top: 30px;
  display: flex;
  flex-direction: column;
}
.link-card__body .link-card__category {
  margin: 0;
  order: -1;
  margin-bottom: 1em;
  font-size: 16px;
  color: #000000;
  margin-bottom: 10px;
}
.link-card__more {
  margin-top: 30px;
}
.link-card__title {
  margin-bottom: 0;
}
.link-card__title a {
  font-size: 20px;
  text-decoration: none;
  font-weight: 900;
  color: #282F36;
}
.link-card__title a:hover {
  text-decoration: underline;
}
.link-card__title a::before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  content: "";
}
.link-card--style-simple {
  display: flex;
}
@media not screen and (min-width: 768px) {
  .link-card--style-simple {
    align-items: center;
  }
}
.link-card--style-simple .link-card__image {
  width: 100px;
  height: 100px;
  margin-right: 30px;
  flex-shrink: 0;
}
.link-card--style-simple .link-card__body {
  padding-top: 0;
}
@media (min-width: 768px) {
  .link-card--style-feature {
    display: flex;
  }
  .link-card--style-feature .link-card__image {
    height: 300px;
    width: 37.5%;
    flex-shrink: 0;
    margin-right: 60px;
  }
  .link-card--style-feature .link-card__body {
    padding-top: 0;
  }
}

.link-cards-wrapper {
  --gutter: 44px;
  --row-spacing: 60px;
  --cards-per-row: 2;
  --card-width: calc((100% - (var(--gutter) * (var(--cards-per-row)))) / var(--cards-per-row));
}
@media (min-width: 1024px) {
  .link-cards-wrapper {
    --cards-per-row: 3;
  }
}
.link-cards-wrapper--style-simple {
  --row-spacing: 40px;
}
.link-cards-wrapper__items {
  margin: 0;
  padding-left: 0;
  list-style: none;
}
.link-cards-wrapper__items .link-card {
  padding: 20px 0;
  border-bottom: 1px solid #D0D7DC;
}
.link-cards-wrapper__items .link-card:first-of-type {
 padding-top: 0;
}
.link-cards-wrapper__items .link-card:last-of-type {
 border-bottom: none;
}
.link-cards-wrapper__error {
  text-align: center;
  font-size: 1.1em;
  margin: 3rem 0;
}
.link-cards-wrapper__error .button {
  font-size: 1em;
  padding: 0.5em;
}
.link-cards-wrapper__footer {
  margin-top: 40px;
  display: flex;
  justify-content: center;
}