/*
 * DO NOT EDIT THIS FILE.
 * It's generated automatically by 'npm run build' command.
 * @preserve
 */

    .versatile-cards__items {
    display: flex;
    justify-content: center;
    position: relative;
    align-content: center;
  }

    @media (max-width: 1023.98px) {

    .versatile-cards__items {
      flex-direction: column;
      display: block
  }
    }
  @media (max-width: 1023.98px) {

    .versatile-cards {
    padding: 0 0.625rem
}
  }
  @media (max-width: 575.98px) {

    .versatile-cards {
    padding: 0 0.9375rem
}
  }

.versatile-card {
  display: flex;
  flex-direction: column;
  box-shadow: 0 0.1875rem 0.375rem 0 rgba(0, 0, 0, 0.16);
  max-width: 28.3125rem;
  margin: 0 0.625rem 3.75rem;
  position: relative;
  flex: 0 0 32%;
}

@media (max-width: 1023.98px) {

.versatile-card {
    margin: auto;
    margin-bottom: 1.25rem
}
  }

@media (max-width: 575.98px) {

.versatile-card {
    max-width: 20.625rem
}
  }

.versatile-card--with-cta .versatile-card__description {
      margin-bottom: 10%;
    }

.versatile-card--gray {
    background-color: var(--colors-off-white-60);
  }

.versatile-card--white {
    background-color: var(--colors-white-10);
  }

.versatile-card--bg {
    background-position: center;
    background-size: cover;
    color: var(--colors-white-10);
  }

.versatile-card--bg .versatile-card__title,
    .versatile-card--bg .versatile-card__headline {
      color: var(--colors-white-10);
    }

.versatile-card--bg .versatile-card__description p {
      color: var(--colors-white-10);
    }

.versatile-card__overlay {
    background: rgba(0,0,0,0.6);
    position: absolute;
    width: 100%;
    height: 100%;
  }

.versatile-card__content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    margin: 2.25rem 2.875rem;
    position: relative;
  }

@media (max-width: 575.98px) {

.versatile-card__content {
      margin: 1.5625rem 1.0625rem
  }
    }

.versatile-card__title {
    font: var(--font-primary-h4-default);
    margin-bottom: 2.125rem;
    color: var(--colors-black-suede-60);
  }

.versatile-card__description {
    font: var(--font-primary-body-default);
    font-weight: 300;
    flex-grow: 1;
    color: var(--colors-black-suede-60);
  }

.versatile-card__description ul a {
      display: inline;
      display: initial;
      float: none;
    }

.versatile-card__image {
    height: 12.5rem;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }

.versatile-card__links {
    font: var(--font-primary-caption-bold);
    padding: 0.6875rem 1.5rem;
    background-color: var(--colors-sea-green-60);
    border: 0.0625rem solid var(--colors-sea-green-60);
    color: var(--colors-white-10);
    display: inline-block;
  }

.full-width .versatile-card__links {
      width: 100%;
      text-align: center;
    }

.versatile-card__links:hover {
      color: var(--colors-sea-green-60);
      background-color: var(--colors-white-10);
    }