.mmg-page-counter-wrap {
    --mmg-pc-bg: #000000;
    --mmg-pc-text: #cebf4b;
    --mmg-pc-accent: #cebf4b;
    --mmg-pc-radius: 14px;
    --mmg-pc-padding: 10px 18px;
    --mmg-pc-size: 18px;
    --mmg-pc-height: 0.5in;
    display: inline-flex;
    align-items: center;
    gap: 14px;
    min-height: var(--mmg-pc-height);
    background: linear-gradient(180deg, #111111 0%, var(--mmg-pc-bg) 100%);
    color: var(--mmg-pc-text);
    border: 1px solid var(--mmg-pc-accent);
    border-radius: var(--mmg-pc-radius);
    padding: var(--mmg-pc-padding);
    box-shadow: 0 10px 24px rgba(0,0,0,.18);
    font-size: var(--mmg-pc-size);
    line-height: 1.2;
    box-sizing: border-box;
}

.mmg-page-counter-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: calc(var(--mmg-pc-height) - 10px);
    min-width: 38px;
    height: calc(var(--mmg-pc-height) - 10px);
    min-height: 38px;
    background: rgba(206, 191, 75, 0.14);
    border: 1px solid rgba(206, 191, 75, 0.8);
    border-radius: 999px;
    font-size: 1.1em;
    box-sizing: border-box;
}

.mmg-page-counter-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
}

.mmg-page-counter-label {
    font-size: .78em;
    text-transform: uppercase;
    letter-spacing: .08em;
    opacity: .95;
}

.mmg-page-counter-count {
    display: inline-flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 6px;
}

.mmg-page-counter-count strong {
    color: #ffffff;
    font-size: 1.25em;
}