.basket-line {
    position: relative;
}

.basket-line .circle-counter {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(55%, -40%);
}

.header-top .buttons-wrapper .basket-line .header-button:hover .circle-counter {
    color: var(--white-color);
}

@media screen and (max-width: 991px) {
    .header-top .buttons-wrapper span.circle-counter, .circle-counter {
        width: 15px;
        height: 15px;
        font-size: 10px;
        line-height: 15px;
    }
    .basket-line .circle-counter {
        transform: translate(55%, 15%);
    }
}