div.quantity {
    display: inline-flex;
    border: 1px solid #EEEEEE;
    border-radius: $border-radius;
    overflow: hidden;

    .decrease-qty,
    .increase-qty {
        width: 38px;
        height: 38px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        color: #717171;
        background: #ffffff;

        span {
            position: relative;
            top: 2px;
            font-size: 11px;
        }
    }

    .qty {
        display: inline-block;
        border-radius: 0;
        height: 38px;
        -moz-appearance: textfield;
        border: none;

        &::-webkit-outer-spin-button,
        &::-webkit-inner-spin-button {
            -webkit-appearance: none;
        }
    }
}