.h1-sm {
  font-size: 0.875rem;
  @media (min-width: 993px) {
    font-size: 1rem;
  }
}

.h2-md {
  font-size: 1.25rem;
  @media  (min-width: 1441px) {
    font-size: 1.5rem;
  }
}

.h3-sm {
  font-size: 1rem;
  @media  (min-width: 1441px) {
    font-size: 1.25rem;
  }
}

.like-h1 {
  font-size: 1.75rem;
  font-weight: 700;
  @media (min-width: 993px) and (max-width: 1440px) {
    font-size: 2.25rem;
  }
  @media (min-width: 1441px) {
    font-size: 3rem;
  }
}

.like-h4 {
  font-size: 1rem;
  @media (min-width: 993px) and (max-width: 1440px) {
    font-size: 1.25rem;
  }
  @media (min-width: 1441px) {
    font-size: 1.5rem;
  }
}

.body-lg {
  @media (min-width: 993px) {
    font-size: 1.25rem;
  }
}

.body-lmd {
  @media (min-width: 1441px) {
    font-size: 1.25rem;
  }
}

.body-smd {
  @media (max-width: 1440px) {
    font-size: 0.875rem;
  }
}

.body-sml {
  @media (max-width: 992px) {
    font-size: 0.875rem;
  }
}

.body-sm {
  font-size: 0.875rem;
}

.body-xs {
  font-size: 0.75rem;
}

.body-flexible {
  @media (min-width: 993px) and (max-width: 1440px) {
    font-size: 0.875rem;
  }
}

.form-md {
  font-size: 0.875rem;
  @media (min-width: 993px) and (max-width: 1440px) {
    font-size: 0.75rem;
  }
}

.form-sm {
  font-size: 0.875rem;
  @media (min-width: 993px) and (max-width: 1440px) {
    font-size: 0.625rem;
  }
}

.unbolt {
  font-weight: 400;
}

.footer-sized {
  h3 {
    font-size: 1rem;
    @media (min-width: 993px) {
      font-size: 1.5rem;
    }
  }

  p,
  a {
    font-size: 0.75rem;
    @media (min-width: 993px) {
      font-size: 1rem;
    }
  }
}

.button-section-wrapped {
  flex-wrap: wrap;
  row-gap: 0.75rem;
  @media (min-width: 993px) {
    row-gap: 0.5rem;
  }
}

.active-radio {
  background: var(--warm-orange-500);
}

.blue-text {
  font-weight: 700;
  color: var(--info-350);
}

.green-text {
  font-weight: 700;
  color: var(--success-500);
}

.yellow-text {
  font-weight: 700;
  color: var(--warning-400);
}

.orange-text {
  font-weight: 700;
  color: var(--warm-orange-400);
}