.card-banner--horizontal {
  min-height: 340px;
  display: flex;
}

@media (max-width: 1199px) {
  .card-banner.card-banner--horizontal-on-1199 {
    flex-direction: column;
  }
}

@media (max-width: 991px) {
  .card-banner.card-banner--horizontal-on-991 {
    flex-direction: column;
    justify-content: space-between;
  }
}

.card-banner__buttons--horizontal {
  bottom: var(--offset);
  right: var(--offset);
  z-index: 1;
}

@media (max-width: 991px) {
  .card-banner__buttons--horizontal {
    right: unset;
    left: var(--offset);
  }
}

.card-banner__image--self-center {
  align-self: center;
  max-height: 340px;
}

.card-banner__image--340 {
  max-height: 340px;
}