.block-cart-01 {
    position: relative;
    margin-top: 150px;
}

.block-cart-01 .nav-c .nav-pills .nav-link.active, .nav-pills .show > .nav-link{
    background: var(--colorPrimary)!important;
    color: var(--colorFFFFFF);
}

.block-cart-01 .nav-c {
    margin-left: 16px;
}

.block-cart-01 .nav-c .nav-pills .nav-link {
    background-color: white!important;
    color: var(--colorPrimary);
    margin-right: 8px;
    margin-bottom: 16px;
    padding: 0.5rem 0.8rem;
    border-radius: var(--bordersite);
}

.block-cart-01  .btn-o-main {
    border: 2px solid var(--colorPrimary);
    border-radius: 24px;
    color: var(--colorPrimary);
    margin-left:auto;
}
.block-cart-01  .btn-o-main:hover,.block-cart-01 .btn-o-main:focus,.block-cart-01  .btn-o-main:active {
    color: var(--colorFFFFFF);
    background-color: var(--colorPrimary);
}
.block-cart-01  .btn-o-main:hover .i,.block-cart-01 .btn-o-main:focus .i,.block-cart-01 .btn-o-main:active .i {
    stroke: var(--colorFFFFFF)!important;
}

.block-cart-01 .btn-o-main:hover,.block-cart-01 .btn-o-main:focus,.block-cart-01 .btn-o-main:active {
    color: var(--colorFFFFFF);
    background-color: var(--colorPrimary);
}
.block-cart-01 .btn-o-main:hover .i,.block-cart-01 .btn-o-main:focus .i,.block-cart-01 .btn-o-main:active .i {
    stroke: var(--colorFFFFFF)!important;
}

.block-cart-01  .title {
    display: flex;
}

@media (max-width: 767.98px) {
    .block-cart-01 {
        position: relative;
        margin-top: 30px;
    }
    .block-cart-01  .title {
        display: block;
    }
    .block-cart-01 .nav-c {
        margin-left: 0;
    }
    .block-cart-01 .btn-o-main span {
        display: none;
    }
    .block-cart-01 .btn-o-main .i {
        margin: 0;
    }
    .block-cart-01 .btn-o-main {
        min-width: 48px;
        padding: 0;
    }
    .block-cart-01 .nav-c .nav-pills .nav-link {
        background-color: white!important;
        color: var(--colorPrimary);
        margin-right: 5px;
        margin-bottom: 16px;
        padding: 0.5rem 0.7rem;
    }
}