.bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--dark-card)} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline):hover {background-color: var(--bricks-color-grey-800)} .bricks-button:hover {transition: 0.3; color: var(--white); border-style: none; border-color: var(--bricks-color-grey-800); border-radius: 2em} :root .bricks-button[class*="secondary"] {color: var(--white)} :root .bricks-button[class*="primary"] {color: var(--white); border-radius: 2em} .bricks-button {color: var(--white); border-radius: 20px} .bricks-button.outline {border-radius: 100%} :root .bricks-button[class*="primary"].outline {border-radius: 0.3125em} :root .bricks-button[class*="secondary"].outline {border-radius: 50px} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--dark-bg)} :root .bricks-button[class*="secondary"]:hover {border-width: 1px; border-color: var(--primary-l-2); border-radius: 0.3125em}:where(:root) .bricks-color-primary {color: var(--primary)}:where(:root) .bricks-background-primary {background-color: var(--primary)} .brxe-container {padding-top: 50px; padding-bottom: 50px} .brxe-div {column-gap: 1em; row-gap: 1em; padding-top: 1em; padding-right: 1em; padding-bottom: 1em; padding-left: 1em; margin-top: 1em; margin-right: 1em; margin-bottom: 1em; margin-left: 1em}