/**
 * Animated Frontend Counters
 */

.afc-container {
    background-color: #202020;
    background-image: linear-gradient(to bottom, transparent, #303030);
    color: white;
    text-align: center;
    border-radius: 0.5rem;
    overflow: hidden;
    margin-bottom:  1rem;
}

.afc-container label {
    font-family: 'Anton', sans-serif;
    font-size: 16pt;
    display: block;
    letter-spacing: 0.1em;
    background-image: linear-gradient(to bottom, transparent -50%, #303030);
    border-bottom: 1px dotted #606060;
    padding: 1.25rem 0;
    opacity: 0.80;
}

.afc-container [data-counter-anim] {
    display: block;
    font-family: monospace;
    font-size: 30pt;
    letter-spacing: 0.1em;
    padding: 1.25rem;
}