.brand {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    font-family: "Space Grotesk", sans-serif;
    font-size: 20px;
    font-weight: 700;
}

.brand-logo {
    width: 50px;
    height: 50px;
}

.copy-code-button span {
    display: none !important;
}

.copy-code-button.copied>svg,
.icon-button.copied>svg,
.terminal-icon-button.copied>svg {
    display: none !important;
}

.copy-code-button.copied::before,
.icon-button.copied::before,
.terminal-icon-button.copied::before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    flex: 0 0 auto;
    background: currentColor;
    clip-path: polygon(19% 52%, 38% 71%, 82% 25%, 92% 36%, 38% 92%, 8% 62%);
}

.copy-code-button.copied::before {
    width: 16px;
    height: 16px;
}

body .icon-button.copied {
    color: var(--ink) !important;
    border-color: var(--border) !important;
    background: var(--panel-soft) !important;
}

body .terminal-icon-button.copied {
    color: #f6f1e8 !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    background: rgba(255, 255, 255, 0.07) !important;
}