body {
  font-family: var(--font-family);
  color: var(--text-dark) !important;
}

img {
  max-width: 100%;
  height: auto;
}

.module-bg--primary {
  background-color: var(--primary-color) !important;
}

.text-white {
  color: var(--text-light);
}

.btn {
  display: inline-block;
  background: var(--primary-color);
  color: var(--text-light);
  text-decoration: none;
  border-radius: var(--border-radius);
  font-weight: var(--font-weight-bold);
  text-align: center;
  padding: var(--spacing-md);
  margin: var(--spacing-md);
  line-height: 0;

  &.btn-large {
    font-size: var(--font-size-lg);
    padding: var(--spacing-lg);
    margin: var(--spacing-md);
    line-height: 0;
  }
}

.decorative-letters {
  font-weight: var(--font-weight-black);
  color: var(--text-dark);
  text-shadow: var(--text-shadow-white);
  text-align: center;

  & .align-right {
    text-align: right;
  }
  & .align-left {
    text-align: left;
  }
  & .title-large {
    font-size: var(--font-size-lg);
  }
  & .title-medium {
    font-size: var(--font-size-md);
  }
  & .title-small {
    font-size: var(--font-size-sm);
  }
  & .price-highlight {
    font-size: var(--font-size-xl);
    color: var(--accent-color);
    transform: rotate(-15deg);
    display: inline-block;
  }
  & .immediate-highlight {
    font-size: var(--font-size-md);
    background-color: var(--accent-color);
    color: var(--text-light);
    border-radius: var(--border-radius);
    display: inline-block;
    text-shadow: none;
  }
  & .text-highlight {
    color: var(--primary-color);
  }
}

@media (max-width: 30rem) {
  .decorative-letters {
    & .title-large {
      font-size: var(--font-size-mobile-lg);
    }
    & .title-medium {
      font-size: var(--font-size-mobile-md);
    }
    & .title-small {
      font-size: var(--font-size-mobile-sm);
    }
    & .price-highlight {
      font-size: var(--font-size-mobile-xl);
    }
    & .immediate-highlight {
      font-size: var(--font-size-mobile-md);
    }
  }
}

.form-data[data-grav-field="radio"] {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-md);
}