:root {
    --willow-header-blue: #148ccb;
    --willow-header-blue-dark: #0c6fa8;
}

/* Shared front-end header actions. Keep this after page-specific styles. */
.header-one .willow-header-button,
.rts-sidebar-menu-desktop .willow-header-button {
    display: inline-flex !important;
    width: auto !important;
    min-width: max-content;
    min-height: 46px;
    height: auto;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 11px 24px !important;
    border: 2px solid var(--willow-header-blue) !important;
    border-radius: 999px !important;
    background: var(--willow-header-blue) !important;
    box-shadow: 0 8px 20px rgba(20, 140, 203, .18) !important;
    color: #fff !important;
    line-height: 1.25;
    text-decoration: none !important;
    transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease !important;
}

/* Remove the old grey animated layer inherited from .rts-btn.btn-primary. */
.header-one .willow-header-button::before,
.rts-sidebar-menu-desktop .willow-header-button::before {
    content: none !important;
    display: none !important;
}

.header-one .willow-header-button:hover,
.header-one .willow-header-button:focus,
.header-one .willow-header-button:active,
.header-one .willow-header-button[aria-expanded="true"],
.rts-sidebar-menu-desktop .willow-header-button:hover,
.rts-sidebar-menu-desktop .willow-header-button:focus,
.rts-sidebar-menu-desktop .willow-header-button:active,
.rts-sidebar-menu-desktop .willow-header-button[aria-expanded="true"] {
    border-color: var(--willow-header-blue-dark) !important;
    background: var(--willow-header-blue-dark) !important;
    box-shadow: 0 10px 24px rgba(12, 111, 168, .25) !important;
    color: #fff !important;
    transform: translateY(-1px);
}

.header-one .willow-header-button:focus-visible,
.rts-sidebar-menu-desktop .willow-header-button:focus-visible {
    outline: 3px solid rgba(20, 140, 203, .24) !important;
    outline-offset: 3px;
}

.header-one .willow-header-button i,
.rts-sidebar-menu-desktop .willow-header-button i {
    color: inherit !important;
}

@media (prefers-reduced-motion: reduce) {
    .header-one .willow-header-button,
    .rts-sidebar-menu-desktop .willow-header-button {
        transition: none !important;
    }
}