.custom_number_box {
    display: inline-grid;
    grid-template-columns: 1fr auto 1fr;
    grid-gap: 30px;
    align-items: center;
}

.custom_number_box input[type='number']::-webkit-inner-spin-button, 
.custom_number_box  input[type='number']::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    margin: 0;
}

.custom_number_box .btn_down, .custom_number_box .btn_up, .custom_number_box input{
    grid-row: 1;
}

.custom_number_box .btn_down {
    grid-column: 1;
}

.custom_number_box .btn_up {
    grid-column: 3;
}

.custom_number_box input {
    grid-column: 2;
}

.custom_number_box .btn_down, .custom_number_box .btn_up{
    appearance: none;
    border: 0;
    background: none;
    cursor: pointer;
    display: inline-block;
    font: normal normal normal 14px/1 var(--font-awesome);
    font-weight: 900;
    font-size: 20px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition-duration: var(--transition-duration);
    color: var(--color-mono-9);
}

.custom_number_box .btn_up::before{
    content: "\f067";
}

.custom_number_box .btn_down::before{
    content: "\f068";
}