:where(:root) .bricks-color-primary {color: #fff}:where(:root) .bricks-background-primary {background-color: #fff} html {background-color: var(--c-ff)} body {background: none} .brxe-section {padding-top: var(--space-section); padding-bottom: var(--space-section)} .brxe-container {width: 90%; max-width: 1400px; padding-top: var(--space-xl); padding-bottom: var(--space-xl)} .woocommerce main.site-main {width: 90%} #brx-content.wordpress {width: 90%; max-width: 1400px} body {line-height: 1.6; font-family: "Pretendard"; font-size: var(--text-m); color: var(--bricks-color-grey-800)} h1, h2, h3, h4, h5, h6 {color: var(--c-21)} h1 {font-size: var(--text-5xl)} h2 {font-size: var(--text-4xl)} h3 {font-size: var(--text-3xl)} h4 {font-size: var(--text-2xl)} h5 {font-size: var(--text-xl)} h6 {font-size: var(--text-l)} .bricks-button:where(.bricks-background-primary), .bricks-button:where(.bricks-color-primary) {color: var(--main-color); font-size: var(--text-m); font-weight: 500; border: 1px solid var(--sub-color); border-radius: var(--radius-s)} .bricks-button:where(.bricks-background-primary):hover, .bricks-button:where(.bricks-color-primary):hover {color: var(--color-white); border: 1px solid var(--main-color)} .bricks-button:where(.bricks-background-primary:not(.outline)):hover {background-color: var(--main-color)} .bricks-button:where(.bricks-background-primary:not(.outline)) {background-color: var(--color-white)} .bricks-button:where(.bricks-background-secondary), .bricks-button:where(.bricks-color-secondary) {color: #ffffff; font-size: var(--text-m); font-weight: 600; letter-spacing: 1px; border: 1px solid #000000; border-radius: 99px} .bricks-button:where(.bricks-background-secondary):hover, .bricks-button:where(.bricks-color-secondary):hover {color: #000000; border: 1px solid #616161} .bricks-button:where(.bricks-background-secondary:not(.outline)) {background-color: #000000} .bricks-button:where(.bricks-background-secondary:not(.outline)):hover {background-color: #ffffff}