.bz-card {
  background: $bz-neutral-100;
  border-radius: $bz-border-radius-m;
  box-shadow: $bz-shadow-m;
  display: flex;
  flex-direction: column;
  margin: $bz-space-stack-m 0;
  min-width: 128px;
  position: relative;
}

.bz-card__header {
  display: flex;
  padding: $bz-space-inset-default;
}

.bz-card__header-state {
  border-radius: $bz-border-radius-m 0 0 $bz-border-radius-m;
  height: 100%;
  position: absolute;
  width: 8px;

  &--orange {
    background-image: linear-gradient(-180deg, #F9CA3E 0%, #F19A1D 100%);
  }

  &--green {
    background-image: linear-gradient(-180deg, #4CD642 0%, #25AD1F 100%);
  }
}

.bz-card__header-icon {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 0 $bz-space-inset-default 0 0;
}

.bz-card__header-text {
  margin-right: auto;
}

.bz-card__header-title {
  color: $bz-theme-400;
  font-size: $bz-font-size-body;
  font-weight: $bz-font-weight-semibold;
  margin-bottom: 0;
}

.bz-card__header-subtitle {
  color: $bz-neutral-600;
  font-size: $bz-font-size-body-small;
  font-weight: $bz-font-weight-semibold;
  margin-bottom: 0;

  &--orange {
    color: #F19A1D;
    font-weight: $bz-font-weight-semibold;
  }

  &--green {
    color: #25AD1F;
    font-weight: $bz-font-weight-semibold;
  }
}

.bz-card__moreactions {
  align-items: center;
  display: flex;
  justify-content: center;
}

.bz-card__header,
.bz-card__content  {
  border-bottom: 1px solid $bz-neutral-300;
}

.bz-card__header:last-child,
.bz-card__content:last-child  {
  border-bottom: 0;
}

.bz-card__content {
  figure {
    margin: 0;
  }
}

.bz-card__content-image {
  align-items: center;
  background: rgba(248, 248, 248, .8);
  border-radius: $bz-border-radius-m $bz-border-radius-m 0 0;
  display: flex;
  height: 250px; // Adjust size to the needs
  justify-content: center;

  img {
    max-height: 100%;
    max-width: 100%;
  }
}

.bz-card__content-details  {
  padding: $bz-space-inset-default;
}

.bz-card__content-title {
  font-size: $bz-font-size-title;
  font-weight: $bz-font-weight-semibold;
  margin-bottom: $bz-space-inset-default;
}

.bz-card__content-subtitle {
  font-size: $bz-font-size-body;
  margin-bottom: $bz-space-inset-default;
}

.bz-card__footer {
  padding: $bz-space-inset-default;
  text-align: right;
}