/**
 * wc-hc-card.css
 * Individual treatment option card.
 */

.card {
  border: 1px solid var(--grey-light);
  border-radius: 6px;
  overflow: hidden;
  background: var(--white);
}

.card-body {
  padding: var(--sp-sm) var(--sp-md) var(--sp-md);
  overflow-wrap: break-word;
}

.card-tag {
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--red-bright);
  margin-bottom: 4px;
}

.card-title {
  font-size: var(--t-body);
  font-weight: 700;
  color: var(--dark);
  margin-bottom: 4px;
  line-height: 1.3;
}

.card-desc {
  font-size: var(--t-small);
  color: var(--body-text);
  line-height: 1.65;
  overflow-wrap: break-word;
}