$c-prime: var(--e-global-color-primary, #000);
$c-sec: var(--e-global-color-secondary, #888);
$c-text: var(--e-global-color-text, #000);
$c-accent: var( --e-global-color-accent, #aaa);
$c-white: var( --e-global-color-4523687, #fff );

.cart-counter{
    position: fixed;
    bottom: 15%;
    right: 3%;
    z-index: 5;
    &-icon{
        font-size: 2.5em;
        background-color: $c-accent;
        color: $c-text;
        padding: 17px;
        border-radius: 100px;
        box-shadow: 0 0 20px;
    }
    &-value{
        position: absolute;
        top: -15px;
        right: -15px;
        background-color: $c-accent;
        color: $c-text;
        padding: 5px;
        border-radius: 50px;
        width: 40px;
        aspect-ratio: 1/1;
        text-align: center;
        font-weight: 600;
    }
}