.arkus-number-select {
    display: flex;
    margin-top: 5px
}

.arkus-number-select span {
    background-color: #fff;
    display: inline-block;
    flex-grow: 1;
    text-align: center;
    padding: 7px;
    cursor: pointer;
    color: #000 !important;
    font-size: .875rem;
    border-right: 1px solid rgba(0, 0, 0, .15)
}

.arkus-number-select span:hover {
    background-color: #15616d !important;
    color: #fff !important;
    border-right: 1px solid #15616d
}

.arkus-number-select span.arkus-number-select--selected {
    background-color: #15616d !important;
    color: white !important;
    border-right: 1px solid #15616d
}