button {
  transition: all 0.3s ease;
  outline-offset: 3px;
}

button:focus {
  outline: none;
}

button:focus-visible {
  outline: 2px solid #c29fff;
}

.button-small,
.button-medium,
.button-large,
.button-header .button-small-li a,
.button-medium-li a,
.button-large-li a,
.button-header-li a,
.button-pricing-large,
.button-pricing-small,
.wp-block-button__link {
  appearance: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: none;
  outline-offset: 3px;
  text-decoration: none;
  font-weight: 500;
  transition: all 0.3s ease;
}

.button-small,
.button-small-li a {
  border-radius: 5px;
  padding: 12px 20px;
}

.button-medium,
.button-medium-li a {
  border-radius: 8px;
  padding: 14px 10px;
}
@media (min-width: 1000px) {
  .button-medium,
  .button-medium-li a {
    border-radius: 10px;
    padding: 14px 20px;
    font-size: 2rem;
  }
}

.button-large,
.button-large-li a,
.wp-block-button__link {
  border-radius: 8px;
  padding: 14px 20px;
}
@media (min-width: 1000px) {
  .button-large,
  .button-large-li a,
  .wp-block-button__link {
    border-radius: 10px;
    padding: 20px 30px;
    font-size: 2rem;
  }
}

.button-pricing-large {
  width: 100%;
  padding: 13px 0;
  border-radius: 6px;
  font-size: 1.6rem;
}
@media (min-width: 1200px) {
  .button-pricing-large {
    font-size: 2rem;
  }
}

.button-pricing-small {
  padding: 8px 0px;
  border-radius: 6px;
}

.button-pricing-purple,
.button-pricing-purple:visited,
.button-pricing-purple:active {
  background: #854aeb;
  color: #ffffff;
}
.button-pricing-purple:hover, .button-pricing-purple:focus,
.button-pricing-purple:visited:hover,
.button-pricing-purple:visited:focus,
.button-pricing-purple:active:hover,
.button-pricing-purple:active:focus {
  background: #aa78ff;
  color: #ffffff;
}
.button-pricing-purple:focus,
.button-pricing-purple:visited:focus,
.button-pricing-purple:active:focus {
  outline: none;
}
.button-pricing-purple:focus-visible,
.button-pricing-purple:visited:focus-visible,
.button-pricing-purple:active:focus-visible {
  outline: 2px solid #aa78ff;
}

.button-pricing-dark,
.button-pricing-dark:visited,
.button-pricing-dark:active {
  background: #001f44;
  color: #ffffff;
}
.button-pricing-dark:hover, .button-pricing-dark:focus,
.button-pricing-dark:visited:hover,
.button-pricing-dark:visited:focus,
.button-pricing-dark:active:hover,
.button-pricing-dark:active:focus {
  background: #bffb87;
  color: #001f44;
}
.button-pricing-dark:focus,
.button-pricing-dark:visited:focus,
.button-pricing-dark:active:focus {
  outline: none;
}
.button-pricing-dark:focus-visible,
.button-pricing-dark:visited:focus-visible,
.button-pricing-dark:active:focus-visible {
  outline: 2px solid #bffb87;
}

.button-purple,
.button-purple:visited,
.button-purple:active,
.button-purple-li a,
.button-purple-li a:visited,
.button-purple-li a:active {
  background: #c29fff;
  color: #000000;
}
.button-purple:hover, .button-purple:focus,
.button-purple:visited:hover,
.button-purple:visited:focus,
.button-purple:active:hover,
.button-purple:active:focus,
.button-purple-li a:hover,
.button-purple-li a:focus,
.button-purple-li a:visited:hover,
.button-purple-li a:visited:focus,
.button-purple-li a:active:hover,
.button-purple-li a:active:focus {
  background: #aa78ff;
  color: #000000;
}
.button-purple:focus,
.button-purple:visited:focus,
.button-purple:active:focus,
.button-purple-li a:focus,
.button-purple-li a:visited:focus,
.button-purple-li a:active:focus {
  outline: none;
}
.button-purple:focus-visible,
.button-purple:visited:focus-visible,
.button-purple:active:focus-visible,
.button-purple-li a:focus-visible,
.button-purple-li a:visited:focus-visible,
.button-purple-li a:active:focus-visible {
  outline: 2px solid #aa78ff;
}

.button-dark,
.button-dark:visited,
.button-dark:active,
.button-dark-li a,
.button-dark-li a:visited,
.button-dark-li a:active,
.wp-block-button__link,
.wp-block-button__link:visited,
.wp-block-button__link:active {
  background: #030b1c;
  color: #ffffff;
}
.button-dark:hover, .button-dark:focus,
.button-dark:visited:hover,
.button-dark:visited:focus,
.button-dark:active:hover,
.button-dark:active:focus,
.button-dark-li a:hover,
.button-dark-li a:focus,
.button-dark-li a:visited:hover,
.button-dark-li a:visited:focus,
.button-dark-li a:active:hover,
.button-dark-li a:active:focus,
.wp-block-button__link:hover,
.wp-block-button__link:focus,
.wp-block-button__link:visited:hover,
.wp-block-button__link:visited:focus,
.wp-block-button__link:active:hover,
.wp-block-button__link:active:focus {
  background: #575757;
  color: #ffffff;
}
.button-dark:focus,
.button-dark:visited:focus,
.button-dark:active:focus,
.button-dark-li a:focus,
.button-dark-li a:visited:focus,
.button-dark-li a:active:focus,
.wp-block-button__link:focus,
.wp-block-button__link:visited:focus,
.wp-block-button__link:active:focus {
  outline: none;
}
.button-dark:focus-visible,
.button-dark:visited:focus-visible,
.button-dark:active:focus-visible,
.button-dark-li a:focus-visible,
.button-dark-li a:visited:focus-visible,
.button-dark-li a:active:focus-visible,
.wp-block-button__link:focus-visible,
.wp-block-button__link:visited:focus-visible,
.wp-block-button__link:active:focus-visible {
  outline: 2px solid #575757;
}

.button-green,
.button-green:visited,
.button-green:active,
.button-green-li a,
.button-green-li a:visited,
.button-green-li a:active {
  background: #bffb87;
  color: #000000;
}
.button-green:hover, .button-green:focus,
.button-green:visited:hover,
.button-green:visited:focus,
.button-green:active:hover,
.button-green:active:focus,
.button-green-li a:hover,
.button-green-li a:focus,
.button-green-li a:visited:hover,
.button-green-li a:visited:focus,
.button-green-li a:active:hover,
.button-green-li a:active:focus {
  background: #d8ffb4;
  color: #000000;
}
.button-green:focus,
.button-green:visited:focus,
.button-green:active:focus,
.button-green-li a:focus,
.button-green-li a:visited:focus,
.button-green-li a:active:focus {
  outline: none;
}
.button-green:focus-visible,
.button-green:visited:focus-visible,
.button-green:active:focus-visible,
.button-green-li a:focus-visible,
.button-green-li a:visited:focus-visible,
.button-green-li a:active:focus-visible {
  outline: 2px solid #d8ffb4;
}

.hero.flexible-content-block-hero {
  padding: 60px 0 48px;
  text-align: center;
  background: #030b1c;
  color: #ffffff;
}
.hero.flexible-content-block-hero:first-of-type {
  padding-top: 136px;
}
@media (min-width: 1100px) {
  .hero.flexible-content-block-hero {
    padding: 102px 0 102px;
  }
  .hero.flexible-content-block-hero:first-of-type {
    padding: 260px 0 102px;
  }
}
.hero.flexible-content-block-hero .wrapper-medium {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.hero.flexible-content-block-hero h1 {
  max-width: 660px;
  font-family: "Lora", serif;
}
@media (min-width: 1000px) {
  .hero.flexible-content-block-hero h1 {
    max-width: var(--hero-h1-max, 960px);
    font-size: 5.9rem;
  }
}
.hero.flexible-content-block-hero p {
  max-width: 580px;
  margin-bottom: 30px;
  font-family: "Poppins", sans-serif;
}
@media (min-width: 1000px) {
  .hero.flexible-content-block-hero p {
    max-width: 729px;
  }
}
.hero.flexible-content-block-hero p:has(+ .button-large) {
  margin-bottom: 60px;
}
.hero .hero__cta-subtext {
  font-size: 13px;
  line-height: 1.5;
  margin-top: 16px;
  margin-bottom: 0 !important;
  color: #C29FFF;
}

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