.counter-wrapper {
    &>div {
        &>span {
            font-size: 20px;
            width: 30px;
            height: 30px;
            line-height: 30px;
            text-align: center;
            border: 1px solid #CCCCCC;
            cursor: pointer;
        }
        &>input {
            width: 60px;
            height: 30px;
            border: 1px solid #CCCCCC;
            text-align: center;
        }
        &>span:first-child {
            border-right: none;
            color: #838383;
            line-height: 26px;
        }
        &>span:last-child {
            border-left: none;
            color: #2cc5c5;
        }
    }
    .noselect {
        -webkit-touch-callout: none;
        /* iOS Safari */
        -webkit-user-select: none;
        /* Safari */
        -khtml-user-select: none;
        /* Konqueror HTML */
        -moz-user-select: none;
        /* Firefox */
        -ms-user-select: none;
        /* Internet Explorer/Edge */
        user-select: none;
        /* Non-prefixed version, currently supported by Chrome and Opera */
    }
}