// Cards .card {

background: $bg-color-light;
border: $border-width solid $border-color;
border-radius: $border-radius;
display: flex;
flex-direction: column;

.card-header,
.card-body,
.card-footer {
  padding: $layout-spacing-lg;
  padding-bottom: 0;

  &:last-child {
    padding-bottom: $layout-spacing-lg;
  }
}

.card-image {
  padding-top: $layout-spacing-lg;

  &:first-child {
    padding-top: 0;

    img {
      border-top-left-radius: $border-radius;
      border-top-right-radius: $border-radius;
    }
  }

  &:last-child {
    img {
      border-bottom-left-radius: $border-radius;
      border-bottom-right-radius: $border-radius;
    }
  }
}

}