.#{$n}-card__wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.#{$n}-card__image {
  flex: 0 0 auto;
  width: 100%;
  height: $spacer * 8;
  object-fit: cover;
  object-position: center;
  overflow: hidden;
  border-top-left-radius: $borderradius;
  border-top-right-radius: $borderradius;
}

.#{$n}-card__content {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: $spacer * 0.5;
  padding: $spacer * 0.5 $spacer * 0.75 $spacer * 0.75;
}

.#{$n}-card__title {
  display: block;
  width: 100%;
  height: fit-content;
  margin: 0;
  padding: 0;
  font-size: $fontsize-default;
  font-weight: $fontweight-bold;
}

.#{$n}-card__description {
  display: block;
  width: 100%;
  height: fit-content;
}

.#{$n}-card__content .#{$n}-button {
  display: block;
  width: 100%;
  margin-top: auto;
  font-weight: $fontweight-bold;
  text-decoration: none;
}