.card {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: $ds-small-font;
  font-weight: $ds-font-weight-normal;
  min-height: 200px;
  overflow: hidden;
  width: 100%;
  z-index: 1;
  position: relative;
  border-radius: 2px;
  box-sizing: border-box;

  &.full-height {
    height: 100%;
  }

  .card-title {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: block;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    line-height: normal;
    -webkit-perspective-origin: 165px 56px;
    perspective-origin: 165px 56px;
    -webkit-transform-origin: 165px 56px;
    transform-origin: 165px 56px;
    box-sizing: border-box;
  }
}