/*
=========
Basket Icon
=========
*/

.br-basket-icon svg {
    width: 28px;
    height: 28px;
}

.br-basket-icon svg {
    fill: var(--e-global-color-text);
        transition: 0.3s;
}

.br-basket-icon:hover svg {
    fill:var(--e-global-color-secondary);
        transition: 0.3s;
}

.br-basket-count {
    position: absolute;
    top: -18px;
    right: -18px;
    background: var(--e-global-color-accent);
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    width: 22px;
    height: 22px;
    line-height: 21px;
    border-radius: 50%;
    text-align: center;
}