.api-explorer-box {
    float: right;
    box-sizing: border-box;
    margin: 0 0 1.5rem 2rem;
    padding: 1rem 1.25rem;
    border: 1px solid var(--md-primary-fg-color--light);
    border-radius: .2rem;
    background: var(--md-code-bg-color);
    min-width: 220px;
    max-width: 100%;
}

@media (max-width: 480px) {
    .api-explorer-box {
        float: none;
        margin: 0 0 1.5rem 0;
    }
}

.api-explorer-box__title {
    margin: 0 0 0.75rem;
    font-size: 0.8rem;
    font-weight: 500;
    color: var(--md-default-fg-color--light);
}

.api-explorer-box__section-label {
    margin: 0 0 0.4rem;
    font-size: 0.75rem;
    color: var(--md-default-fg-color--light);
}

.api-explorer-box__buttons {
    display: flex;
    gap: 0.4rem;
    flex-wrap: wrap;
    margin-bottom: 0.75rem;
}

.api-explorer-box__button {
    font-size: 0.7rem;
    padding: 0.2rem 0.55rem;
    border: 1px solid var(--md-primary-fg-color);
    border-radius: .1rem;
    color: var(--md-primary-fg-color);
    text-decoration: none;
    white-space: nowrap;
}