.form-control:focus {
    border-color: var(--color-primary);
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px var(--color-primary);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px var(--color-primary);
}
.mybasketcounter {
    color:#fff;
    background-color: var(--color-primary);
    border-radius: 50%;
    text-align: center;
    padding-right: 5px;
    padding-left: 5px;    
}