html {font-size: var(--root-font-size)} body.bricks-is-frontend :focus-visible {outline: none} @supports not selector(:focus-visible) { body.bricks-is-frontend :focus {outline: none; }} .brxe-container {width: var(--content-width)} .woocommerce main.site-main {width: var(--content-width)} #brx-content.wordpress {width: var(--content-width)} .bricks-button {color: var(--black); font-size: var(--text-xl); text-align: center; font-family: ""; font-weight: 700; text-transform: uppercase; border-width: 1px; border-color: var(--action); border-radius: var(--border-radius-12)} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--action)} .bricks-button:hover {box-shadow: 0 0 5px 0 var(--action-light)} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline):hover {background-color: var(--action-hover)}:where(:root) * {border-color: var(--accent)}