.btn {  --btn-bg: var(--color-cta); --btn-color: var(--gray-0); --btn-bg-hover: var(--color-cta-hover); --btn-color-hover: var(--gray-0); --btn-outline: var(--color-cta-hover); display: inline-flex; align-items: center; font-family: var(--font-heading); gap: var(--space-4); padding: var(--space-4) var(--space-8); border-radius: var(--radius-pill); background: var(--btn-bg); color: var(--btn-color); text-decoration: none; cursor: pointer; transition: background-color var(--duration-slow) var(--ease-in-out), color var(--duration-slow) var(--ease-in-out); justify-content: center;}.btn__text { display: flex; flex-direction: column; flex-wrap: nowrap; font-size: var(--text-lg); line-height: var(--leading-snug); height: calc(1em * var(--leading-snug));  overflow: hidden; width: max-content;}.btn__label { flex-shrink: 0; white-space: nowrap; color: inherit; transition: translate var(--duration-slow) var(--ease-in-out);}.btn__icon { display: grid; place-items: center; flex-shrink: 0; width: max-content; overflow: hidden;}.btn__arrow { grid-area: 1 / 1;  transition: translate var(--duration-slow) var(--ease-in-out), rotate var(--duration-base) var(--ease-in-out) var(--duration-slow);}.btn__arrow:last-child { translate: -150% 150%; rotate: -45deg;}.btn:is(:hover, :focus-visible) { background: var(--btn-bg-hover); color: var(--btn-color-hover);}.btn:is(:hover, :focus-visible) .btn__label { translate: 0 -100%;}.btn:is(:hover, :focus-visible) .btn__arrow {  transition: rotate var(--duration-base) var(--ease-in-out), translate var(--duration-slow) var(--ease-in-out) var(--duration-base);}.btn:is(:hover, :focus-visible) .btn__arrow:first-child { rotate: -45deg; translate: 150% -150%;}.btn:is(:hover, :focus-visible) .btn__arrow:last-child { translate: 0 0;}.btn:focus-visible { outline: 2px solid var(--btn-outline); outline-offset: 3px;}.btn-cta { --btn-bg: var(--color-cta); --btn-color: var(--gray-0); --btn-bg-hover: var(--color-cta-hover); --btn-color-hover: var(--gray-0); --btn-outline: var(--color-cta-hover);}.btn-dark { --btn-bg: var(--color-primary-active); --btn-color: var(--gray-0); --btn-bg-hover: var(--gray-0); --btn-color-hover: var(--text-brand); --btn-outline: var(--gray-0);} #brx-content {margin-bottom: auto} .content-area {margin-bottom: auto} .brxe-container {width: var(--container-2xl)} .woocommerce main.site-main {width: var(--container-2xl)} #brx-content.wordpress {width: var(--container-2xl)} .brxe-section {padding-right: var(--space-4); padding-left: var(--space-4)} html {background-color: var(--bg-surface-alt)} body {background: none} html {font-size: 100%} body {font-family: "Inter Tight"; color: var(--text-secondary)} h1, h2, h3, h4, h5, h6 {font-family: "Poppins"; font-weight: 500; color: var(--text-primary)} h1 {font-size: var(--text-5xl); line-height: var(--leading-tight); letter-spacing: -0.06em} h2 {font-size: var(--text-4xl); line-height: var(--leading-tight)} h3 {font-size: var(--text-3xl); line-height: var(--leading-snug); font-weight: 500}