:root, .color-scheme--main { --body-bg-color: var(--accent); --link-underline-offset: auto; --logo-width: 16em; --btn-display: inline-flex; } @media (max-width: 900px) { :root, .color-scheme--main { --logo-width: 12em; } } .bricks-button { gap: 0.6ch; } .bricks-button span:not(.text--lowercase) { font-weight: 900; } .bricks-button.btn--accent span:not(.text--lowercase) { color: var(--primary); } .bricks-button.btn--base span:not(.text--lowercase) { color: var(--action); } #brx-header { height: var(--header-height); display: flex; flex-direction: column; z-index: 10; } html.desktop [href^="tel:"] { pointer-events:none; } .inline-tel-link { color: inherit; }