:root {
    --cor-1: #7E6742;
    --cor-2: #B3B3B3;
    --cor-3: #ffffff;
    --cor-4: #594125;
}

.fa-shopping-cart[data-count]:after{
    position: absolute;    
    left: 10px;
    top: -40%;
    content: attr(data-count);
    font-size: 50%;
    padding: .2em;
    border-radius: 50px;
    line-height: 1em;
    color: var(--cor-1);
    background: var(--cor-3);
    text-align: center;
    min-width: 1.5em;    
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    border: 1.5px solid;
}

@media (max-width: 768px){
    .fa-shopping-cart[data-count]:after{
        top: 10%;
        padding: .1em;
    }    
}

@media (min-width: 768px) and (max-width: 991px){
    .fa-shopping-cart[data-count]:after{
        top: 10%;
        padding: .1em;
    }    
}