.brxe-block>p {
  margin: 20;
}


body {
  min-height: 100vh;
  min-height: 100svh;
  min-height: 100dvh;
}



:where(.at-section--alt-odd #brx-content > section:nth-child(odd)) {
  background: var(--at-section--alt-background);
}

:where(.at-section--alt-even #brx-content > section:nth-child(even)) {
  background: var(--at-section--alt-background);
}




body.bricks-is-frontend :focus-visible {
  outline-color: var(--outline-color, var(--at-focus-outline-color));
  outline-width: var(--outline-width, var(--at-focus-outline-width));
  outline-offset: var(--outline-offset, var(--at-focus-outline-offset));
  outline-style: auto;
}


@media (prefers-reduced-motion: reduce) {
  * {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }

  
  [class*=fade-],
  [class*=-fade] {
    opacity: 1 !important;
  }
}



.at-btn,
.bricks-button {
  --_color: var(--color, var(--at-btn-color));
  --_color--hover: var(--color--hover, var(--at-btn-color--hover));
  --_font-size: var(--font-size, var(--at-btn-font-size));
  --_font-weight: var(--font-weight, var(--at-btn-font-weight));
  --_text-align: var(--text-align, var(--at-btn-text-align));
  --_text-transform: var(--text-transform, var(--at-btn-text-transform));
  --_font-style: var(--font-style, var(--at-btn-font-style));
  --_line-height: var(--line-height, var(--at-btn-line-height));
  --_letter-spacing: var(--letter-spacing, var(--at-btn-letter-spacing));
  --_white-space: var(--white-space, var(--at-btn-white-space));
  --_text-wrap: var(--text-wrap, var(--at-btn-text-wrap));
  --_text-decoration: var(--text-decoration, var(--at-btn-text-decoration));
  --_border-radius: var(--border-radius, var(--at-btn-border-radius));
  --_border-color: var(--border-color, var(--at-btn-border-color));
  --_border-color--hover: var(--border-color--hover, var(--at-btn-border-color--hover));
  --_border-width: var(--border-width, var(--at-btn-border-width));
  --_padding-block: var(--padding-block, var(--at-btn-padding-block));
  --_padding-inline: var(--padding-inline, var(--at-btn-padding-inline));
  --_background: var(--background, var(--at-btn-background));
  --_background--hover: var(--background--hover, var(--at-btn-background--hover));
  --_transition: var(--transition, var(--at-btn-transition));
  --_box-shadow: var(--box-shadow, var(--at-btn-shadow));
  --_box-shadow--hover: var(--box-shadow--hover, var(--at-btn-shadow--hover));
}


.at-btn,
.brxe-button.bricks-button, button.bricks-button {
  transition: var(--_transition);
  color: var(--_color);
  font-size: var(--_font-size);
  font-weight: var(--_font-weight);
  text-align: var(--_text-align);
  text-transform: var(--_text-transform);
  font-stretch: var(--_font-style);
  line-height: var(--_line-height);
  letter-spacing: var(--_letter-spacing);
  white-space: var(--_white-space);
  text-wrap: var(--_text-wrap);
  text-decoration: var(--_text-decoration);
  border-radius: var(--_border-radius);
  border: var(--_border-width) solid var(--_border-color);
  padding-block: var(--_padding-block);
  padding-inline: var(--_padding-inline);
  background: var(--_background);
  box-shadow: var(--_box-shadow);
}


.at-btn:is(:hover, :focus-visible),
.bricks-button.brxe-button:is(:hover, :focus-visible), button.bricks-button:is(:hover, :focus-visible) {
  --_color: var(--_color--hover);
  --_border-color: var(--_border-color--hover);
  --_background: var(--_background--hover);
  --_box-shadow: var(--_box-shadow--hover);
}


.at-btn--primary,
.bricks-button.bricks-background-primary {
  --color: var(--at-btn-primary-color);
  --color--hover: var(--at-btn-primary-color--hover);
  --background: var(--at-btn-primary-background);
  --background--hover: var(--at-btn-primary-background--hover);
  --border-color: var(--at-btn-primary-border-color);
  --border-color--hover: var(--at-btn-primary-border-color--hover);
}


.at-btn.at-btn--outline,
.bricks-button.bricks-color-primary.outline {
  --color: var(--at-btn-outline-color);
  --color--hover: var(--at-btn-outline-color--hover);
  --background: var(--at-btn-outline-background);
  --background--hover: var(--at-btn-outline-background--hover);
  --border-color: var(--at-btn-outline-border-color);
  --border-color--hover: var(--at-btn-outline-color--hover);
}


.at-btn--secondary,
.bricks-button.bricks-background-secondary {
  --color: var(--at-btn-secondary-color);
  --color--hover: var(--at-btn-secondary-color--hover);
  --background: var(--at-btn-secondary-background);
  --background--hover: var(--at-btn-secondary-background--hover);
  --border-color: var(--at-btn-secondary-border-color);
  --border-color--hover: var(--at-btn-secondary-border-color--hover);

}

.at-btn--secondary.at-btn--outline,
.bricks-button.bricks-color-secondary.outline {
  --background: var(--at-btn-secondary-outline-background);
  --background--hover: var(--at-btn-secondary-outline-background--hover);
  --color: var(--at-btn-secondary-outline-color);
  --color--hover: var(--at-btn-secondary-outline-color--hover);
  --border-color: var(--at-btn-secondary-outline-border-color);
  --border-color--hover: var(--at-btn-secondary-outline-border-color--hover);
}


.at-btn--white,
.bricks-button.bricks-background-light {
  --color: var(--at-btn-light-color);
  --color--hover: var(--at-btn-light-color--hover);
  --background: var(--at-btn-light-background);
  --background--hover: var(--at-btn-light-background--hover);
  --border-color: var(--at-btn-light-border-color);
  --border-color--hover: var(--at-btn-light-border-color--hover);
}

.at-btn--white.at-btn--outline,
.bricks-button.bricks-color-light.outline {
  --color: var(--at-btn-light-outline-color);
  --color--hover: var(--at-btn-light-outline-color--hover);
  --background: var(--at-btn-light-outline-background);
  --background--hover: var(--at-btn-light-outline-background--hover);
  --border-color: var(--at-btn-light-outline-border-color);
  --border-color--hover: var(--at-btn-light-outline-border-color--hover);
}

.at-btn--black,
.bricks-button.bricks-background-dark {
  --color: var(--at-btn-dark-color);
  --color--hover: var(--at-btn-dark-color--hover);
  --background: var(--at-btn-dark-background);
  --background--hover: var(--at-btn-dark-background--hover);
  --border-color: var(--at-btn-dark-border-color);
  --border-color--hover: var(--at-btn-dark-border-color--hover);
}

.at-btn--black.at-btn--outline,
.bricks-button.bricks-color-dark.outline {
  --color: var(--at-btn-dark-outline-color);
  --color--hover: var(--at-btn-dark-outline-color--hover);
  --background: var(--at-btn-dark-outline-background);
  --background--hover: var(--at-btn-dark-outline-background--hover);
  --border-color: var(--at-btn-dark-outline-border-color);
  --border-color--hover: var(--at-btn-dark-outline-border-color--hover);
}


.at-btn--s,
.bricks-button.sm {
  --font-size: var(--at-text--xs);
}

.at-btn--l,
.bricks-button.lg {
  --font-size: var(--at-text--m);
}

.at-btn--xl,
.bricks-button.xl {
  --font-size: var(--at-text--l);
}