.orange {color:#F5881F} body .brxe-button, body .bricks-button { display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; min-height: 46px; padding: 0 18px; border: 1px solid transparent; border-radius: 999px; font-size: 14px; font-weight: 700; line-height: 1; letter-spacing: 0.01em; text-decoration: none; cursor: pointer; appearance: none; transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease; } body .brxe-button:hover, body .bricks-button:hover { transform: translateY(-1px); } body .brxe-button:focus-visible, body .bricks-button:focus-visible { outline: 2px solid #E8500A; outline-offset: 3px; } body .brxe-button.bricks-background-primary, body .bricks-button.bricks-background-primary, body .brxe-button.button-primary, body .bricks-button.button-primary { background: linear-gradient(135deg, #E8500A 0%, #C0392B 100%); color: #FFFFFF; box-shadow: 0 12px 30px rgba(192, 57, 43, 0.18); } body .brxe-button.bricks-background-secondary, body .bricks-button.bricks-background-secondary, body .brxe-button.button-secondary, body .bricks-button.button-secondary { background: #FFFFFF; border-color: rgba(26, 26, 26, 0.12); color: #1A1A1A; box-shadow: none; } body .brxe-button.bricks-background-light, body .bricks-button.bricks-background-light, body .brxe-button.button-light, body .bricks-button.button-light { background: rgba(255, 255, 255, 0.16); border-color: rgba(255, 255, 255, 0.22); color: #FFFFFF; box-shadow: none; } body .site-header .brxe-button, body .site-header .bricks-button { min-height: 40px; padding: 0 16px; font-size: 13px; } body .button-secondary--small, body .bricks-button.button-secondary--small { min-height: 38px; padding: 0 14px; font-size: 13px; } body .button-light--small, body .bricks-button.button-light--small { min-height: 38px; padding: 0 14px; font-size: 13px; }