.ss-btn-chatgpt {
    --ss-chatgpt-bg: #000000;
    --ss-chatgpt-ink: #ffffff;
    background: var(--ss-chatgpt-bg);
    color: var(--ss-chatgpt-ink);
    border: 1px solid var(--ss-chatgpt-bg);
    gap: 10px;
    text-decoration: none;
    font-weight: 600;
}
.ss-btn-chatgpt__mark { width: 20px; height: 20px; flex: none; }
.ss-btn-chatgpt:hover { background: var(--ss-chatgpt-bg); color: var(--ss-chatgpt-ink); filter: brightness(1.18); }
.ss-btn-chatgpt:focus-visible { box-shadow: var(--ss-ring); outline: none; }

@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) .ss-btn-chatgpt { --ss-chatgpt-bg: #ffffff; --ss-chatgpt-ink: #000000; }
    :root:not([data-theme="light"]) .ss-btn-chatgpt:hover { filter: brightness(0.92); }
}
:root[data-theme="dark"] .ss-btn-chatgpt { --ss-chatgpt-bg: #ffffff; --ss-chatgpt-ink: #000000; }
:root[data-theme="dark"] .ss-btn-chatgpt:hover { filter: brightness(0.92); }