/* Staging only: white text on the cyan-to-blue brand buttons. */

.hx-btn.hx-btn-primary,
.hx-btn.hx-btn-primary:hover,
.hx-btn-primary,
.hx-btn-primary:hover,
.hx-hero .hx-btn-primary,
.hx-section .hx-btn-primary,
.hx-final .hx-btn-primary,
:root:not(#hx) main .btn-primary,
:root:not(#hx) main .btn-primary:hover,
:root:not(#hx) main > header.header .btn-trial-hero,
:root:not(#hx) main > header.header .btn-trial-hero:hover,
:root:not(#hx) main .btn-more:hover,
.ys-consent-accept {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

.ys-consent-accept {
    background: var(--grad-brand) !important;
}

/* Client Area button in the header: orange. */
html body .hx-nav .hx-actions .hx-btn.hx-btn-primary {
    background: #ed5000 !important;
    color: #fff !important;
    box-shadow: 0 10px 24px -12px rgba(237, 80, 0, 0.75) !important;
}

html body .hx-nav .hx-actions .hx-btn.hx-btn-primary:hover {
    background: #d64600 !important;
    box-shadow: 0 14px 28px -12px rgba(237, 80, 0, 0.85) !important;
}

html body .hx-nav .hx-actions .hx-btn.hx-btn-primary .ico,
html body .hx-nav .hx-actions .hx-btn.hx-btn-primary span {
    background: rgba(255, 255, 255, 0.22) !important;
    color: #fff !important;
}