/* Target the last item in the Zoho navigation container */
.theme-menu-area [data-zs-menu-container] > li:last-child > a {
    background: linear-gradient(135deg, #e8f5f1 0%, #ffffff 100%) !important;
    color: #101010 !important;
    padding: 10px 30px !important;
    border-radius: 50px !important; /* Pill shape */
    font-weight: 600 !important;
    margin-left: 25px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    /* Soft glow shadow effect from your image */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05), 0 0 15px rgba(232, 245, 241, 0.6) !important;
    border: 1px solid rgba(255, 255, 255, 0.9) !important;
    text-decoration: none !important;
}

/* Hover state for the button */
.theme-menu-area [data-zs-menu-container] > li:last-child > a:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1) !important;
    background: #ffffff !important;
}

/* Align the button vertically with other menu items */
.theme-menu-area [data-zs-menu-container] > li:last-child {
    display: flex;
    align-items: Right;
}

/* Ensure the span inside doesn't add extra padding */
.theme-menu-area [data-zs-menu-container] > li:last-child .theme-menu-content {
    padding: 0 !important;
}