.sb-chat-btn {
    bottom: var(--gt-chat-bottom, 20px) !important;
    transition: bottom 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 465px) {
    .sb-main.sb-chat {
        bottom: calc(var(--gt-chat-bottom, 20px) + 80px) !important;
        transition: bottom 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    }
}

.sb-chat-btn {
    background: radial-gradient(circle at 50% 50%, #303056 0, #1a1a2e 26px, transparent 26.5px), linear-gradient(135deg, #ff6b6b, #ff8e53, #ffd93d) !important;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.18), 0 8px 26px rgba(255, 142, 83, 0.5) !important;
}

.sb-chat-btn:hover {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.3), 0 10px 32px rgba(255, 142, 83, 0.7) !important;
}

.sb-chat [data-color="green"] {
    background-color: #20d6b4 !important;
}

.sb-chat [data-color="blue"] {
    background-color: #ff8e53 !important;
}

.sb-chat [data-color="yellow"] {
    background-color: #ffb800 !important;
}

.gt-live-chat-prompt {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px 20px;
    margin: 0 0 24px;
    padding: 18px 20px;
    border-radius: 14px;
    background: #1a1a2e;
    color: #fff;
}

.gt-live-chat-prompt p {
    margin: 0;
    color: inherit;
}

.gt-live-chat-prompt .button {
    border-radius: 50px;
    font-weight: 800;
}

@media (prefers-reduced-motion: reduce) {
    .sb-chat-btn,
    .sb-main.sb-chat {
        transition: none;
    }
}