.card--pricing {
  background-color: var(--at-light-color,#fff);
  border: 1px solid var(--at-delimiter-color,#eee);
  padding: min(10vw, 48px);
  transition: .4s box-shadow, .4s transform;
  --at-delimiter-color: var(--at-dark-color,#eee);
  display: flex;
  flex-direction: column;
}
.card--pricing:hover {
  box-shadow: 5px 9px 30px 0 rgba(31,35,37,.08);
  transform: translateY(-15px);
}
.card--pricing hr {
  width: 100%;
  height: 1px;
  margin: 24px 0;
  color: var(--at-delimiter-color,#eee);
  background-color: var(--at-delimiter-color,#eee);
}
.card__header .card__heading {
	margin-bottom: 8px;
}
.card__subtitle {
  font-size: 14px;
}
.card__body ul,
.card__body li {
  padding: 0;
}
.card__body li {
  list-style: none;
  margin: 0;
}
.card__body .button {
  width: auto;
  max-width: 100%;
  margin-top: 24px;
}
.card__body .card__button {
  padding-top: 24px;
}

.card__body ul {
  margin-bottom: 0;
}

.card__body .card__button + .card__text-below {
  margin-top: 8px;
}

.card__body ul + .card__text-below {
  margin-top: 16px;
}

.card__body {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.card__body .card__button:last-child {
  margin-bottom: 0;
  margin-top: auto;
}
.card__body .card__button .button:first-child {
  margin-top: auto;
}
.card__price {
  line-height: 1;
  margin-top: 24px;
  letter-spacing: -.01em;
  margin-bottom: 0;
}
.card__price:first-letter {
  margin-right: 3px;
  font-size: .5em;
  vertical-align: super;
}
.card__price .price-caption {
  letter-spacing: .1em;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 400;
  margin-left: 0.05em;
}
.card__price .price-caption .slash {
  position: relative;
  top: -0.15em;
}

.card__text-below {
  margin-top: 15px;
}
.card--pricing_s2 {
  text-align: center;
  margin-bottom: 24px;
}
.card--pricing_s2 .card__header {
  margin-top: -20px;
  padding: 0 10%;
  position: relative;
}
.card__price-circle {
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background-color: #f5eee4;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: transform .4s cubic-bezier(.05,.2,.1,1);
}
@media (min-width: 768px) and (max-width: 1139px) {
  .card__price-circle {
    width: 145px;
    height: 145px;
  }
}
.card--pricing_s2:hover .card__price-circle {
  transform: scale(1.1);
}
.card--pricing_s2 .card__price {
  margin-top: 0;
  font-weight: 700;
}
.card--pricing_s2 .card__price span {
  display: block;
}
.card--pricing_s2 .card__body ul {
  margin-top: 24px;
}
.card--pricing_s2 .card__body .button {
  width: auto;
  margin-top: 16px;
}
.card__light *:not([class*='button']) {
  color: var(--at-light-color,#fff);
}
.card--pricing.card__light {
  background-color: transparent;
  border: 1px solid var(--at-delimiter-color, #eee);
  --at-delimiter-color: var(--at-light-color,#fff);
}

.card--pricing.card__light hr {
  /* opacity: .15; */
}

.hs-inline-edit .card--pricing:hover {
  transform: none;
}

@media (max-width: 767px) {
  .card--pricing {
    margin-bottom: 30px;
  }
  .card--pricing_s2 {
    margin-bottom: 60px;
  }
}

@media (max-width: 770px) {
  .body-wrapper--page-preview .card--pricing,
  .body-wrapper--page-preview .card--pricing:hover {
    box-shadow: none;
    transform: none;
  }
}

@supports (container-type: inline-size) {
  .pricing-card-module {
    container-type: inline-size;
    container-name: pricing-card;
  }
  @container (max-width: 49.5px) {
    .card--pricing {
      padding: 2px;
    }
  }

  @container (min-width: 50px) {
    .card--pricing {
      padding: min(15cqw, 48px);
    }
  }
}