#page-ai-launcher-wrap {
    position: fixed;
    right: 20px;
    bottom: 24px;
    z-index: 10020;
}
#page-ai-launcher-wrap[hidden], html.page-ai-open #page-ai-launcher-wrap { display:none !important; }
#page-ai-dismiss { position:absolute; top:-14px; right:-10px; width:24px; height:24px; display:flex; align-items:center; justify-content:center; padding:0; border:1px solid #d9d9d9; border-radius:50%; background:#fff; color:#414141; font:19px/1 Arial,sans-serif; cursor:pointer; box-shadow:0 2px 5px #0002; opacity:0; visibility:hidden; transition:opacity .15s ease, background-color .15s ease; }
#page-ai-launcher-wrap:hover #page-ai-dismiss,
#page-ai-launcher-wrap:focus-within #page-ai-dismiss { opacity:1; visibility:visible; }
#page-ai-dismiss:hover { background:#f2f2f2; }
#page-ai-dismiss:focus-visible { outline:2px solid #f23047; outline-offset:3px; }
#page-ai-launcher {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 8px 14px;
    border: 0;
    border-radius: 20px;
    background: linear-gradient(to right, #F23047, #FE7007);
    color: #fff;
    font: 700 14px/20px AlbertaSans, Roboto, sans-serif;
    box-shadow: 0 4px 16px rgba(4, 30, 77, .16);
    cursor: pointer;
    transition: box-shadow .2s ease;
}

#page-ai-launcher:hover {
    box-shadow: 0 6px 20px rgba(4, 30, 77, .24);
}

#page-ai-launcher:focus-visible {
    outline: 2px solid #f23047;
    outline-offset: 3px;
}

#page-ai-launcher:active {
    box-shadow: 0 2px 8px rgba(4, 30, 77, .16);
}

#page-ai-launcher:disabled {
    cursor: wait;
    opacity: .7;
}

@media (max-width: 620px) {
    #page-ai-launcher-wrap { z-index: 999; }
    #page-ai-dismiss { opacity:1; visibility:visible; }
}

@media (hover: none), (pointer: coarse) {
    #page-ai-dismiss { opacity:1; visibility:visible; }
}
