{#CARD COMPACT  0076cc #}
.card-grid-container{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 80px;
}

.card-grid-content{
  padding-bottom: 20px;
  text-align-last: center;
  align-items: center;
}

@media only screen and (min-width: 767px){
  .card-grid-content{
    display: grid;
    grid-template-areas:
      'image text'
      'image button';
  }
}
@media only screen and (min-width: 1100px){
  .card-grid-content{
    width: 46%;
  }
}

.card-picture {
  max-width: 150px;
  width: 150px;
}

.card-picture img {
  object-fit: contain;
  height: -webkit-fill-available !important;
}

@media only screen and (max-width: 767px){
  .card-picture img {
    padding-bottom: 15px;
  }
}

.card-text *{
  text-align-last: left;
}

.card-text h5{
  color: #0076cc;
}

.card-text {
  grid-area: text;
  padding-left: 20px;
}

.card-button-container{
  grid-area: button;
}

.card-button-container{
  display: flex;
  padding-left: 20px;
}

.card-button-container .button.button--secondary{
  padding: 0.5em 0.7em !important;
  margin-right: 6px;
  margin-bottom: 10px;
}