
.a-stats {
    --akismet-color-mid-green: #357b49;
    --akismet-color-white: #fff;
    --akismet-color-light-grey: #f6f7f7;

    max-width: 350px;
    width: auto;
}

.a-stats * {
    all: unset;
    box-sizing: border-box;
}

.a-stats strong {
    font-weight: 600;
}

.a-stats a.a-stats__link,
.a-stats a.a-stats__link:visited,
.a-stats a.a-stats__link:active {
    background: var(--akismet-color-mid-green);
    border: none;
    box-shadow: none;
    border-radius: 8px;
    color: var(--akismet-color-white);
    cursor: pointer;
    display: block;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen-Sans', 'Ubuntu', 'Cantarell', 'Helvetica Neue', sans-serif;
    font-weight: 500;
    padding: 12px;
    text-align: center;
    text-decoration: none;
    transition: all 0.2s ease;
}

/* Extra specificity to deal with TwentyTwentyOne focus style */
.widget .a-stats a.a-stats__link:focus {
    background: var(--akismet-color-mid-green);
    color: var(--akismet-color-white);
    text-decoration: none;
}

.a-stats a.a-stats__link:hover {
    filter: brightness(110%);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06), 0 0 2px rgba(0, 0, 0, 0.16);
}

.a-stats .count {
    color: var(--akismet-color-white);
    display: block;
    font-size: 1.5em;
    line-height: 1.4;
    padding: 0 13px;
    white-space: nowrap;
}

