/* Keep the replacement service compact and recognisable throughout the site. */
.main-navigation .main-nav ul li.lost-cca-menu > a {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 44px;
    margin: 8px 10px 8px 8px;
    padding: 10px 15px;
    border: 1px solid rgba(255, 255, 255, .85);
    border-radius: 10px;
    background: linear-gradient(135deg, #fff, #edf5ff);
    color: #094b86;
    box-shadow: 0 3px 8px rgba(9, 44, 83, .18), inset 0 1px 0 #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
    text-decoration: none;
    white-space: nowrap;
    transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease;
}

.main-navigation .lost-cca-menu .lc-menu-icon {
    display: block;
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
}

.main-navigation .main-nav ul li.lost-cca-menu > a:hover {
    background: #fff;
    color: #073b6b;
    box-shadow: 0 5px 12px rgba(9, 44, 83, .24);
    transform: translateY(-1px);
}

.main-navigation .main-nav ul li.lost-cca-menu > a:focus-visible {
    outline: 3px solid #ffdc85;
    outline-offset: 3px;
}

.main-navigation .main-nav ul li.lost-cca-menu > a[aria-current="page"] {
    background: #dfedff;
    color: #073b6b;
}

.main-navigation .main-nav ul li.lost-cca-menu > a:active {
    transform: translateY(0);
    box-shadow: 0 1px 3px rgba(9, 44, 83, .18);
}

@media (max-width: 768px) {
    .main-navigation .main-nav ul li.lost-cca-menu > a {
        display: flex;
        margin: 8px 14px 14px;
        min-height: 46px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .main-navigation .main-nav ul li.lost-cca-menu > a,
    .main-navigation .main-nav ul li.lost-cca-menu > a:hover,
    .main-navigation .main-nav ul li.lost-cca-menu > a:active {
        transition: none;
        transform: none;
    }
}