:root { --btn-primary: #18A0FB; --btn-primary-hover: #0f93ec; --btn-primary-active: #0a86da; --btn-dark: #004DA6; --btn-dark-hover: #003f89; --btn-dark-active: #00356f; --btn-white: #ffffff; --btn-text-dark: #004DA6; --btn-text-light: #ffffff; --btn-radius: 10px; --btn-font: "Inter", sans-serif; --btn-pad-y: 12px; --btn-pad-x: 24px; --btn-pad-y-sm: 8px; --btn-pad-x-sm: 16px; --btn-pad-y-xl: 15px; --btn-pad-x-xl: 40px; --btn-pad-y-full: 14px; --btn-pad-x-full: 24px; --btn-fz: 16px; --btn-fz-sm: 14px; --btn-shadow-hover: 0 10px 22px rgba(0, 77, 166, 0.16); --btn-shadow-soft: 0 8px 18px rgba(24, 160, 251, 0.18); --btn-transition: background-color .28s ease, color .28s ease, border-color .28s ease, box-shadow .28s ease, transform .28s ease, opacity .28s ease;}.btn,.brxe-button.btn,a.btn,button.btn,.brxe-form .bricks-button { display: inline-flex; align-items: center; justify-content: center; gap: 1em; z-index: 10; min-height: 44px; padding: var(--btn-pad-y-xl) var(--btn-pad-x-xl); border-radius: var(--btn-radius); border: 1px solid transparent; font-family: var(--btn-font); font-size: var(--btn-fz); font-weight: 500; line-height: 1.2; text-align: center; text-decoration: none; cursor: pointer; transition: var(--btn-transition); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;}.btn:hover,.brxe-button.btn:hover,a.btn:hover,button.btn:hover,.brxe-form .bricks-button:hover { text-decoration: none; transform: translateY(-2px);}.btn:active,.brxe-button.btn:active,a.btn:active,button.btn:active,.brxe-form .bricks-button:active { transform: translateY(0);}.btn:focus-visible,.brxe-button.btn:focus-visible,a.btn:focus-visible,button.btn:focus-visible,.brxe-form .bricks-button:focus-visible { outline: 2px solid rgba(24, 160, 251, 0.38); outline-offset: 3px;}.btn-primary { background-color: var(--btn-primary); color: var(--btn-text-light); border-color: transparent; box-shadow: 0 0 0 rgba(0,0,0,0);}.btn-primary:hover { background-color: var(--btn-primary-hover); color: var(--btn-text-light); box-shadow: var(--btn-shadow-soft);}.btn-primary:active { background-color: var(--btn-primary-active);}.btn-primary-sm { background-color: var(--btn-primary); color: var(--btn-text-light); border-color: transparent; padding: var(--btn-pad-y-sm) var(--btn-pad-x-sm); font-size: var(--btn-fz-sm); min-height: 36px; border-radius: var(--btn-radius);}.btn-primary-sm:hover { background-color: var(--btn-primary-hover); color: var(--btn-text-light); box-shadow: 0 8px 16px rgba(24, 160, 251, 0.16);}.btn-primary-sm:active { background-color: var(--btn-primary-active);}.btn-outline { background-color: transparent; color: var(--btn-dark); border: 2px solid var(--btn-dark)!important; box-shadow: 0 0 0 rgba(0,0,0,0);}.btn-outline:hover { background-color: var(--btn-dark); color: var(--btn-white); border-color: var(--btn-dark)!important; box-shadow: var(--btn-shadow-hover);}.btn-outline:active { background-color: var(--btn-dark-active); border-color: var(--btn-dark-active)!important; color: var(--btn-white);}.btn-ghost { background-color: transparent!important; color: var(--btn-white); border: 1px solid rgba(255,255,255,0.9)!important; box-shadow: 0 0 0 rgba(0,0,0,0); backdrop-filter: blur(0px);}.btn-ghost:hover { background-color: rgba(255,255,255,0.12)!important; color: var(--btn-white); border-color: rgba(255,255,255,1)!important; box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18)!important;}.btn-ghost:active { background-color: rgba(255,255,255,0.18)!important;}.bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.btn-ghost,.btn-outline) { background-color: var(--blue-primary);}.btn-white,.btn-inverse { background-color: var(--btn-white); color: var(--btn-primary); border-color: transparent; box-shadow: 0 0 0 rgba(0,0,0,0);}.btn-white:hover,.btn-inverse:hover { background-color: #f4f9ff; color: var(--btn-dark); box-shadow: 0 10px 24px rgba(0, 77, 166, 0.14);}.btn-white:active,.btn-inverse:active { background-color: #ebf4ff; color: var(--btn-dark);}.btn-full { width: 100%; display: flex; background-color: var(--btn-primary); color: var(--btn-white); border-color: transparent; padding: var(--btn-pad-y-full) var(--btn-pad-x-full); min-height: 48px;}.btn-full:hover { background-color: var(--btn-primary-hover); color: var(--btn-white); box-shadow: var(--btn-shadow-soft);}.btn-full:active { background-color: var(--btn-primary-active);}.brxe-form .bricks-button { background-color: var(--btn-primary); color: var(--btn-text-light); border-color: transparent; box-shadow: 0 0 0 rgba(0,0,0,0); padding: var(--btn-pad-y) var(--btn-pad-x);}.brxe-form .bricks-button:hover { background-color: var(--btn-primary-hover); color: var(--btn-text-light); box-shadow: var(--btn-shadow-soft);}.brxe-form .bricks-button:active { background-color: var(--btn-primary-active);}.btn-arrow .icon,.btn-arrow i,.btn-arrow svg { transition: transform .28s ease, opacity .28s ease;}.btn-arrow:hover .icon,.btn-arrow:hover i,.btn-arrow:hover svg { transform: translateX(3px);}.btn[aria-disabled="true"],.btn:disabled,.brxe-button.btn:disabled { opacity: 0.55; cursor: not-allowed; transform: none !important; box-shadow: none !important;}@media (prefers-reduced-motion: reduce) { .btn, .brxe-button.btn, a.btn, button.btn, .btn-arrow .icon, .btn-arrow i, .btn-arrow svg { transition: none !important; } .btn:hover, .brxe-button.btn:hover, a.btn:hover, button.btn:hover { transform: none !important; }} .brxe-container {width: 100%; max-width: 1440px} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%; max-width: 1440px} .brxe-section {width: 100%} .bricks-button {padding-top: 0.5em; padding-right: 1em; padding-bottom: 0.5em; padding-left: 1em} .bricks-button.sm {padding-top: 0.4em; padding-right: 1em; padding-bottom: 0.4em; padding-left: 1em} .bricks-button.md {padding-top: 0.5em; padding-right: 1em; padding-bottom: 0.5em; padding-left: 1em} .bricks-button.lg {padding-top: 0.6em; padding-right: 1em; padding-bottom: 0.6em; padding-left: 1em} .bricks-button.xl {padding-top: 0.8em; padding-right: 1em; padding-bottom: 0.8em; padding-left: 1em}:where(:root) .bricks-color-primary {color: var(--blue-primary)}:where(:root) .bricks-background-primary {background-color: var(--blue-primary)} body {font-family: "Inter"}@media (max-width: 991px) { .brxe-container {max-width: 100%} #brx-content.wordpress {max-width: 100%} .brxe-section {padding-top: 60px; padding-right: 20px ; padding-bottom: 60px; padding-left: 20px }}@media (max-width: 609px) { .brxe-section {padding-top: 48px; padding-right: 16px; padding-bottom: 48px; padding-left: 16px}}