:root {
    --new-badge-background: hsl(var(--xf-paletteAccent2--h),var(--xf-paletteAccent2--s),var(--xf-paletteAccent2--l));
}

.p-header-logo.p-header-logo--image img {
    width: 75% !important;
}

.button.button--cta, a.button.button--cta {
    background: linear-gradient(90deg, rgb(205, 26, 26), rgba(122, 7, 7,0.9)) !important;
}

.button.button--cta:hover, a.button.button--cta:hover {
    background: linear-gradient(90deg, rgba(122, 7, 7,0.9), rgba(122, 7, 7,0.9)) !important;
}

.button, a.button {
    border: none !important;
}

a.button[href="/whats-new/posts/"] {
    background: white !important;
    color: black !important;
}

a.button[href="/whats-new/posts/"]:hover {
    background: rgb(212, 212, 212) !important;
}

.menu-linkRow.is-selected, .menu-linkRow:hover, .menu-linkRow:focus {
    border-left-color: rgb(205, 26, 26) !important;
}

@media (max-width: 900px) {

    .p-body-main {
        width: fit-content !important;
        margin-inline: 0.9rem !important;
    }

}