/**
 * The base file that should be imported by every file.
 * There should be no CSS generation in this or from imported scss files at all!
 */
/**
 * Library
 */
/**
 * Variables and functions
 */
.hero-info {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-block: 1.5rem; }
  @media (min-width: 480px) {
    .hero-info {
      flex-direction: row;
      align-items: center; } }
  @media (min-width: 981px) {
    .hero-info {
      gap: 1.25rem; } }
  .hero-info__item {
    display: flex;
    align-items: center;
    gap: 0.5rem; }
    .hero-info__item strong {
      color: var(--wp--preset--color--primary); }

/*# sourceMappingURL=hero-info.css.map */