.blog-chat {
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
}

.blog-chat-panel {
    top: 50%;
    right: 60px;
    bottom: auto;
    transform: translateY(-50%);
}

.blog-chat-notice button {
    margin-left: 6px;
    padding: 3px 8px;
    border: 1px solid #cfd5de;
    border-radius: 5px;
    background: #fff;
    color: #465469;
    font-size: 10px;
    cursor: pointer;
}

.blog-chat-notice button:hover {
    border-color: #8793a5;
}

@media (max-width: 600px) {
    .blog-chat {
        top: auto;
        right: 14px;
        bottom: 16px;
        transform: none;
    }

    .blog-chat-panel {
        position: fixed;
        top: auto;
        right: 10px;
        bottom: 74px;
        left: 10px;
        width: auto;
        transform: none;
    }
}