.BenefitPoint-frame {
  display: grid;
  gap: 1rem;
  border: var(--colorInputBorder);
  border-radius: var(--sizeButtonBorderRadius);
}

@media (min-width: 16rem) {
  .BenefitPoint-frame {
    grid-template-columns: 1fr;
  }
}

@media (min-width: 32rem) {
  .BenefitPoint-frame {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 80rem) {
  .BenefitPoint-frame {
    grid-template-columns: repeat(4, 1fr);
  }
}

/*# sourceMappingURL=benefit-point.min.css.map */
