.pv-bar {
    background: #fff7d6;
    color: #4a3b00;
    border-bottom: 1px solid #ecd98a;
    font: 0.75rem/1.4 var(--pv-font);
}

.pv-bar__inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 1rem;
    padding: 0.35rem 1rem;
}

.pv-bar__spacer {
    flex: 1;
}

.pv-bar a {
    color: #4a3b00;
    text-decoration: underline;
}

.pv-bar button {
    font: inherit;
    color: #4a3b00;
    background: transparent;
    border: 1px solid #c9b45a;
    border-radius: 999px;
    padding: 0.1rem 0.7rem;
    cursor: pointer;
}

.pv-bar button[aria-pressed="true"] {
    background: #4a3b00;
    color: #fff7d6;
}

@media (max-width: 640px) {
    .pv-bar__note {
        display: none;
    }
}