.ci {
    height: 25px;
    width: 25px;
    margin: 0 auto;
    padding-top: 70px;
    margin-bottom: -15px;

    &.ci-home {
        background: url("../../../img/icons/home.svg");
        @include bg-props(contain, center, no-repeat);
    }

    &.ci-cart {
        background: url("../../../img/icons/cart.svg");
        @include bg-props(contain, center, no-repeat);
    }

    &.ci-computer {
        background: url("../../../img/icons/computer.svg");
        @include bg-props(contain, center, no-repeat);
    }

    &.ci-book {
        background: url("../../../img/icons/book.svg");
        @include bg-props(contain, center, no-repeat);
    }

    &.ci-discount {
        background: url("../../../img/icons/discount.svg");
        @include bg-props(contain, center, no-repeat);
    }
    &.ci-discount-white {
        background: url("../../../img/icons/discount-white.svg");
        @include bg-props(contain, center, no-repeat);
    }
    &.ci-refund-green {
        background: url("../../../img/icons/refund-green.png");
        @include bg-props(contain, center, no-repeat);
    }
    &.ci-refund-white {
        background: url("../../../img/icons/refund-white.png");
        @include bg-props(contain, center, no-repeat);
    }
}