:where(.bricks-button, .button, .bricks-search-form button) { min-height: var(--touch-target); touch-action: manipulation;}:is(#brx-header, #brx-content, #brx-footer) :is(.bricks-button, .button, .bricks-search-form button) { transition: transform var(--duration-default) var(--ease-out), background-color var(--duration-default) var(--ease-out), color var(--duration-default) var(--ease-out), border-color var(--duration-default) var(--ease-out), box-shadow var(--duration-default) var(--ease-out);}:is(#brx-header, #brx-content, #brx-footer) :is(.bricks-button, .button, .bricks-search-form button) > :is(i, svg) { transition: transform var(--duration-default) var(--ease-out);}:is(#brx-header, #brx-content, #brx-footer) :is(.bricks-button, .button, .bricks-search-form button):focus-visible { outline: 3px solid var(--focus, var(--brand-primary)); outline-offset: 4px; text-decoration: none;}:is(#brx-header, #brx-content, #brx-footer) :is(.button-on-dark-solid, .button-on-dark-outline):focus-visible { outline-color: var(--surface);}@media (hover: hover) and (pointer: fine) { :is(#brx-header, #brx-content, #brx-footer) :is(.bricks-button, .button, .bricks-search-form button):hover:not(:is(:disabled, [disabled], [aria-disabled="true"], [aria-busy="true"])) { transform: translateY(var(--hero-hover-lift)); box-shadow: var(--shadow-small); text-decoration: none; } :is(#brx-header, #brx-content, #brx-footer) :is(.bricks-button, .button, .bricks-search-form button):hover:not(:is(:disabled, [disabled], [aria-disabled="true"], [aria-busy="true"])) > :is(.ti-arrow-right, .fa-arrow-right, .fa-arrow-up-right, .fa-arrow-up-right-from-square) { transform: translateX(6px); }}:is(#brx-header, #brx-content, #brx-footer) :is(.bricks-button, .button, .bricks-search-form button):focus-visible:not(:is(:disabled, [disabled], [aria-disabled="true"], [aria-busy="true"])) { transform: translateY(var(--hero-hover-lift)); box-shadow: var(--shadow-small);}:is(#brx-header, #brx-content, #brx-footer) :is(.bricks-button, .button, .bricks-search-form button):focus-visible:not(:is(:disabled, [disabled], [aria-disabled="true"], [aria-busy="true"])) > :is(.ti-arrow-right, .fa-arrow-right, .fa-arrow-up-right, .fa-arrow-up-right-from-square) { transform: translateX(6px);}:is(#brx-header, #brx-content, #brx-footer) :is(.bricks-button, .button, .bricks-search-form button):active:not(:is(:disabled, [disabled], [aria-disabled="true"], [aria-busy="true"])) { transform: translateY(0) scale(.98); box-shadow: none;}:is(#brx-header, #brx-content, #brx-footer) :is(.bricks-button, .button, .bricks-search-form button):is(:disabled, [disabled], [aria-disabled="true"], [aria-busy="true"]) { transform: none; box-shadow: none; cursor: not-allowed; opacity: .65;}:is(#brx-header, #brx-content, #brx-footer) .brxe-form :is(button[disabled], button[aria-busy="true"]) { cursor: progress;}:where(.brxe-search .bricks-search-form button) { display: inline-flex; align-items: center; justify-content: center; padding: var(--space-xs) var(--space-m); border-radius: var(--radius-control); font-family: var(--font-body); font-weight: 700;}:is(#brx-header, #brx-content, #brx-footer) :is(.brxe-form .bricks-background-primary, .brxe-search .bricks-search-form button):is(:hover, :focus-visible):not(:is(:disabled, [disabled], [aria-disabled="true"], [aria-busy="true"])) { background-color: var(--brand-dark); color: var(--surface); border-color: var(--brand-dark);}@media (hover: none) { :is(#brx-header, #brx-content, #brx-footer) :is(.bricks-button, .button, .bricks-search-form button):hover:not(:active):not(:focus-visible) { transform: none; box-shadow: none; }}@media (prefers-reduced-motion: reduce) { :is(#brx-header, #brx-content, #brx-footer) :is(.bricks-button, .button, .bricks-search-form button), :is(#brx-header, #brx-content, #brx-footer) :is(.bricks-button, .button, .bricks-search-form button) > :is(i, svg) { transition: none !important; transform: none !important; }}body.brx-body{font-family:var(--font-body)}body.brx-body :is(h1,h2,h3,h4,h5,h6){font-family:var(--font-heading)}body.brx-body :is(button,input,select,textarea,.button,.bricks-button){font-family:var(--font-body)} html {font-size: 100%} body {font-size: 1rem; line-height: 1.7} h1 {font-size: var(--text-4xl)} h2 {font-size: var(--text-3xl)} .bricks-button {font-size: var(--text-s); font-weight: 700; line-height: 1.5; text-decoration: none; border-radius: var(--radius-control); padding-top: var(--space-xs); padding-right: var(--space-m); padding-bottom: var(--space-xs); padding-left: var(--space-m); transition: transform var(--duration-default) var(--ease-out), background-color var(--duration-default) var(--ease-out), color var(--duration-default) var(--ease-out), border-color var(--duration-default) var(--ease-out), box-shadow var(--duration-default) var(--ease-out)} :root .bricks-button.bricks-background-primary:not(.outline) {background-color: var(--brand-primary)} :root .bricks-button.bricks-background-primary, :root .bricks-button.bricks-color-primary {color: var(--surface); border-color: var(--brand-primary)} :root .bricks-button.bricks-background-primary:not(.outline):hover {background-color: var(--brand-dark)} :root .bricks-button.bricks-background-primary:hover, :root .bricks-button.bricks-color-primary:hover {border-color: var(--brand-dark)}.brxe-search button {background-color: var(--brand-primary); color: var(--surface); font-size: var(--text-s); line-height: 1.5}