.bootstrap-touchspin-up {
    border-start-start-radius: 0;
    border-start-end-radius: 5px;
    border-end-end-radius: 5px;
    border-end-start-radius: 0;
    color: var(--primary-color);
    background-color: #fff !important;
    border: 1px solid #C7C8C9;
    font-size: 18px;
    font-weight: bold;
    border-left: none;
    padding: .4rem 1.3rem
}

.bootstrap-touchspin-down {
    border-start-start-radius: 5px;
    border-start-end-radius: 0;
    border-end-end-radius: 0;
    border-end-start-radius: 5px;
    color: var(--primary-color);
    background-color: #fff;
    font-size: 18px;
    border-right: none;
    border: 1px solid #C7C8C9;
    font-weight: bold;
    padding: .4rem 1.3rem
}

.form-control.touchspin {
    height: 42px;
    font-size: 14px;
    text-align: center;
    padding: 0;
    border: 1px solid #C7C8C9;
    border-right: none;
    border-left: none;
}
.bootstrap-touchspin .input-group-btn-vertical {
    position: absolute;
    right: 0;
    height: 100%;
    z-index: 11
}

    .bootstrap-touchspin .input-group-btn-vertical > .btn {
        position: absolute;
        right: 0;
        height: 50%;
        padding: 0;
        width: 2em;
        text-align: center;
        line-height: 1
    }

    .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
        border-radius: 0 4px 0 0;
        top: 0
    }

    .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
        border-radius: 0 0 4px 0;
        bottom: 0
    }